@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,65 @@
1
+ import * as React from "react";
2
+ import "./Banner.css";
3
+ export interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {
4
+ /**
5
+ * Тип баннера.
6
+ */
7
+ mode?: "tint" | "image";
8
+ size?: "s" | "m";
9
+ /**
10
+ * Тип действия в правой части баннера.
11
+ *
12
+ * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.
13
+ * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.
14
+ */
15
+ asideMode?: "dismiss" | "expand";
16
+ /**
17
+ * Срабатывает при клике на иконку крестика при `asideMode="dismiss"`.
18
+ */
19
+ onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
20
+ /**
21
+ * `aria-label` для кнопки при `asideMode="dismiss". Необходим, чтобы кнопка была доступной.
22
+ */
23
+ dismissLabel?: string;
24
+ /**
25
+ * Содержимое, отображаемое в левой части баннера.
26
+ */
27
+ before?: React.ReactNode;
28
+ /**
29
+ * Заголовок. <br />
30
+ * При использовании этого свойства рекомендуется не указывать `text`.
31
+ */
32
+ header?: React.ReactNode;
33
+ /**
34
+ * Подзаголовок. <br />
35
+ * При использовании этого свойства рекомендуется не указывать `text`.
36
+ */
37
+ subheader?: React.ReactNode;
38
+ /**
39
+ * Текст баннера. <br />
40
+ * Это свойство следует использовать без указания `header` и `subheader`.
41
+ */
42
+ text?: React.ReactNode;
43
+ /**
44
+ * При использовании `mode="image"`.
45
+ *
46
+ * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.
47
+ * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.
48
+ */
49
+ imageTheme?: "light" | "dark";
50
+ /**
51
+ * При использовании `mode="image"`.
52
+ *
53
+ * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.
54
+ */
55
+ background?: React.ReactNode;
56
+ /**
57
+ * Кнопки, отображаемые в баннере.
58
+ *
59
+ * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode="primary" />` или `<Button mode="tertiary" hasHover={false} />`.
60
+ * - В режиме `image` с тёмным фоном – `<Button mode="overlay_primary" />`.
61
+ */
62
+ actions?: React.ReactNode;
63
+ }
64
+ declare const Banner: React.FC<BannerProps>;
65
+ export default Banner;
@@ -0,0 +1,20 @@
1
+ import * as React from "react";
2
+ import { TappableProps } from "../Tappable/Tappable";
3
+ import { HasAlign } from "../../types";
4
+ import "./Button.css";
5
+ export interface VKUIButtonProps extends HasAlign {
6
+ /**
7
+ Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0
8
+ */
9
+ mode?: "primary" | "secondary" | "tertiary" | "outline" | "commerce" | "destructive" | "overlay_primary" | "overlay_secondary" | "overlay_outline";
10
+ appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
11
+ size?: "s" | "m" | "l";
12
+ stretched?: boolean;
13
+ before?: React.ReactNode;
14
+ after?: React.ReactNode;
15
+ loading?: boolean;
16
+ }
17
+ export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProps {
18
+ }
19
+ declare const _default: React.FC<Pick<ButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "appearance" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "stretched"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
20
+ export default _default;
@@ -1,6 +1,6 @@
1
1
  .vkuiCard{position:relative;background:#f5f5f5;background:var(--content_tint_background,
2
2
  var(--vkui--color_background_secondary)
3
- );border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular)}.vkuiCard__in{position:relative;z-index:2;border-radius:inherit}.vkuiCard--md-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.8);box-shadow:var(--vkui--elevation3,
3
+ );border-radius:8px;border-radius:var(--vkui--size_card_border_radius--regular)}.vkuiCard__in{position:relative;z-index:2;border-radius:inherit}.vkuiCard--md-shadow{box-shadow:0 0 2px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.08);box-shadow:var(--vkui--elevation3,
4
4
  0 2px 24px 0 rgba(0, 0, 0, 0.08),
5
5
  0 0 2px 0 rgba(0, 0, 0, 0.08)
6
6
  );background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal))}.vkuiCard--md-outline{background:#fff;background:var(--modal_card_background, var(--vkui--color_background_modal))}.vkuiCard--md-outline::before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";display:block;border:1px solid #e1e3e6;border:var(--thin-border) solid var(--input_border, var(--vkui--color_image_border_alpha));z-index:1;box-sizing:border-box;border-radius:inherit}.vkuiCardScroll .vkuiCard{margin-right:8px;margin-right:var(--vkui--size_cardgrid_padding--regular);flex-shrink:0}.vkuiCardScroll .vkuiCard:last-of-type{margin-right:0}.vkuiCardScroll--s .vkuiCard{width:40%}.vkuiCardScroll--m .vkuiCard{width:62%}.vkuiCardScroll--l .vkuiCard{width:100%}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard{width:calc(100% - 32px);margin-right:16px}.vkuiGroup--card .vkuiCardScroll--l .vkuiCard:last-of-type,.vkuiSplitCol--spaced .vkuiCardScroll--l .vkuiCard:last-of-type{margin-right:0}
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import { HasRootRef } from "../../types";
3
+ import "./Card.css";
4
+ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
5
+ mode?: "tint" | "shadow" | "outline";
6
+ }
7
+ export declare const Card: React.FC<CardProps>;
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
3
+ import "./CardGrid.css";
4
+ export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {
5
+ size: "s" | "m" | "l";
6
+ }
7
+ declare const _default: React.FC<Pick<CardGridProps, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "size" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
8
+ export default _default;
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
3
+ import "./CardScroll.css";
4
+ export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ /**
6
+ * При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.
7
+ */
8
+ size?: "s" | "m" | "l" | false;
9
+ showArrows?: HorizontalScrollProps["showArrows"];
10
+ withSpaces?: boolean;
11
+ }
12
+ export declare const CardScroll: React.FC<CardScrollProps>;
@@ -0,0 +1,47 @@
1
+ import * as React from "react";
2
+ import { SimpleCellProps } from "../SimpleCell/SimpleCell";
3
+ import { HasPlatform } from "../../types";
4
+ import { RemovableProps } from "../Removable/Removable";
5
+ import "./Cell.css";
6
+ export interface CellProps extends SimpleCellProps, HasPlatform, RemovableProps {
7
+ mode?: "removable" | "selectable";
8
+ /**
9
+ * В режиме перетаскивания ячейка перестает быть кликабельной, то есть при клике переданный onClick вызываться не будет
10
+ */
11
+ draggable?: boolean;
12
+ /**
13
+ * @deprecated Будет удалено в 5.0.0. Используйте mode="removable"
14
+ */
15
+ removable?: boolean;
16
+ /**
17
+ * Имя для input в режиме selectable
18
+ */
19
+ name?: string;
20
+ /**
21
+ * @deprecated Будет удалено в 5.0.0. Используйте mode="selectable"
22
+ */
23
+ selectable?: boolean;
24
+ /**
25
+ * В режиме selectable реагирует на входящие значения пропса cheсked, как зависящий напрямую от входящего значения
26
+ */
27
+ checked?: boolean;
28
+ /**
29
+ * В режиме selectable реагирует на входящие значения пропса defaultChecked как неконтролируемый компонент
30
+ */
31
+ defaultChecked?: boolean;
32
+ /**
33
+ * Коллбэк срабатывает при завершении перетаскивания.
34
+ * **Важно:** режим перетаскивания не меняет порядок ячеек в DOM. В коллбэке есть объект с полями `from` и `to`.
35
+ * Эти числа нужны для того, чтобы разработчик понимал, с какого индекса на какой произошел переход. В песочнице
36
+ * есть рабочий пример с обработкой этих чисел и перерисовкой списка.
37
+ */
38
+ onDragFinish?: ({ from, to }: {
39
+ from: number;
40
+ to: number;
41
+ }) => void;
42
+ /**
43
+ * aria-label для кнопки перетаскивания ячейки
44
+ */
45
+ draggerLabel?: string;
46
+ }
47
+ export declare const Cell: React.FC<CellProps>;
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ import { CellProps } from "../Cell";
3
+ import "./CellCheckbox.css";
4
+ export declare type CellCheckboxProps = Pick<CellProps, "defaultChecked" | "checked"> & React.InputHTMLAttributes<HTMLInputElement>;
5
+ export declare const CellCheckbox: React.FC<CellCheckboxProps>;
@@ -0,0 +1,6 @@
1
+ import * as React from "react";
2
+ import { DraggableProps } from "../useDraggable";
3
+ import "./CellDragger.css";
4
+ declare type CellDraggerProps = DraggableProps & React.HTMLAttributes<HTMLElement>;
5
+ export declare const CellDragger: React.FC<CellDraggerProps>;
6
+ export {};
@@ -0,0 +1,13 @@
1
+ import { TouchEvent } from "../Touch/Touch";
2
+ import { CellProps } from "./Cell";
3
+ export interface DraggableProps {
4
+ onDragStart: () => void;
5
+ onDragEnd: () => void;
6
+ onDragMove: (e: TouchEvent) => void;
7
+ }
8
+ interface UseDraggableProps extends DraggableProps {
9
+ dragging: boolean;
10
+ rootElRef: any;
11
+ }
12
+ export declare const useDraggable: ({ onDragFinish, }: Pick<CellProps, "onDragFinish">) => UseDraggableProps;
13
+ export {};
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { SimpleCellProps } from "../SimpleCell/SimpleCell";
3
+ import "./CellButton.css";
4
+ export interface CellButtonProps extends SimpleCellProps {
5
+ mode?: "primary" | "danger";
6
+ centered?: boolean;
7
+ }
8
+ declare const CellButton: React.FC<CellButtonProps>;
9
+ export { CellButton };
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { HasRef, HasRootRef } from "../../types";
3
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
4
+ import "./Checkbox.css";
5
+ export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRootRef<HTMLLabelElement>, HasRef<HTMLInputElement>, AdaptivityProps {
6
+ description?: React.ReactNode;
7
+ }
8
+ export declare const Checkbox: React.FunctionComponent<CheckboxProps>;
9
+ declare const _default: React.FC<Pick<CheckboxProps, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "getRootRef" | "getRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
10
+ export default _default;
@@ -0,0 +1,16 @@
1
+ import * as React from "react";
2
+ import "./Chip.css";
3
+ declare type ChipValue = string | number;
4
+ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
5
+ value: ChipValue;
6
+ option?: {
7
+ value?: ChipValue;
8
+ };
9
+ onRemove?: (event?: React.MouseEvent, value?: ChipValue) => void;
10
+ removable?: boolean;
11
+ removeAriaLabel?: string;
12
+ before?: React.ReactNode;
13
+ after?: React.ReactNode;
14
+ }
15
+ export declare const Chip: React.FC<ChipProps>;
16
+ export {};
@@ -0,0 +1,30 @@
1
+ import * as React from "react";
2
+ import { HasAlign, HasRef, HasRootRef } from "../../types";
3
+ import { FormFieldProps } from "../FormField/FormField";
4
+ import { ChipProps } from "../Chip/Chip";
5
+ import "./ChipsInput.css";
6
+ export declare type ChipsInputValue = string | number;
7
+ export interface ChipsInputOption {
8
+ value?: ChipsInputValue;
9
+ label?: string;
10
+ [otherProp: string]: any;
11
+ }
12
+ export interface RenderChip<Option extends ChipsInputOption> extends ChipProps {
13
+ label: string;
14
+ option: Option;
15
+ disabled: boolean;
16
+ }
17
+ export interface ChipsInputProps<Option extends ChipsInputOption> extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange">, HasRef<HTMLInputElement>, HasRootRef<HTMLDivElement>, HasAlign, FormFieldProps {
18
+ value: Option[];
19
+ inputValue?: string;
20
+ onChange?: (o: Option[]) => void;
21
+ onInputChange?: (e?: React.ChangeEvent<HTMLInputElement>) => void;
22
+ getOptionValue?: (o?: Option) => ChipsInputValue;
23
+ getOptionLabel?: (o?: Option) => string;
24
+ getNewOptionData?: (v?: ChipsInputValue, l?: string) => Option;
25
+ renderChip?: (props?: RenderChip<Option>) => React.ReactNode;
26
+ inputAriaLabel?: string;
27
+ }
28
+ export declare const chipsInputDefaultProps: ChipsInputProps<any>;
29
+ declare const ChipsInput: <Option extends ChipsInputOption>(props: ChipsInputProps<Option>) => JSX.Element;
30
+ export default ChipsInput;
@@ -0,0 +1,14 @@
1
+ import * as React from "react";
2
+ import { ChipsInputOption, ChipsInputProps } from "./ChipsInput";
3
+ export declare const useChipsInput: <Option extends ChipsInputOption>(props: Partial<ChipsInputProps<Option>>) => {
4
+ fieldValue: string | undefined;
5
+ setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
6
+ selectedOptions: Option[];
7
+ setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
8
+ clearInput: () => void;
9
+ toggleOption: (newOption: Option, value?: boolean | undefined) => void;
10
+ addOption: (newOption: Option) => void;
11
+ addOptionFromInput: () => void;
12
+ removeOption: (value: string | number) => void;
13
+ handleInputChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
14
+ };
@@ -0,0 +1,41 @@
1
+ import * as React from "react";
2
+ import { ChipsInputOption, ChipsInputProps } from "../ChipsInput/ChipsInput";
3
+ import { CustomSelectOptionProps } from "../CustomSelectOption/CustomSelectOption";
4
+ import { AdaptivityProps } from "../../hoc/withAdaptivity";
5
+ import "./ChipsSelect.css";
6
+ export interface ChipsSelectProps<Option extends ChipsInputOption> extends ChipsInputProps<Option>, AdaptivityProps {
7
+ popupDirection?: "top" | "bottom";
8
+ options?: Option[];
9
+ filterFn?: false | ((value?: string, option?: Option, getOptionLabel?: Pick<ChipsInputProps<Option>, "getOptionLabel">["getOptionLabel"]) => boolean);
10
+ /**
11
+ * Возможность создавать чипы которых нет в списке (по enter или с помощью пункта в меню, см creatableText)
12
+ */
13
+ creatable?: boolean;
14
+ /**
15
+ * Отрисовка лоадера вместо списка опций в выпадающем списке
16
+ */
17
+ fetching?: boolean;
18
+ renderOption?: (props: CustomSelectOptionProps) => React.ReactNode;
19
+ /**
20
+ * Показывать или скрывать уже выбранные опции
21
+ */
22
+ showSelected?: boolean;
23
+ /**
24
+ * Текст для пункта создающего чипы при клике, так же отвечает за то будет ли показан этот пункт (показывается после того как в списке не отсанется опций)
25
+ */
26
+ creatableText?: string;
27
+ /**
28
+ * Текст который показывается если список опций пуст
29
+ */
30
+ emptyText?: string;
31
+ /**
32
+ * Событие срабатывающее перед onChange
33
+ */
34
+ onChangeStart?: (e: React.MouseEvent | React.KeyboardEvent, option: Option) => void;
35
+ /**
36
+ * Закрытие выпадающиего списка после выбора элемента
37
+ */
38
+ closeAfterSelect?: boolean;
39
+ }
40
+ declare const _default: React.FC<Pick<ChipsSelectProps<ChipsInputOption>, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "after" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "alt" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "autoComplete" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "align" | "getRootRef" | "getRef" | "options" | "popupDirection" | "inputValue" | "onInputChange" | "getOptionValue" | "getOptionLabel" | "getNewOptionData" | "renderChip" | "inputAriaLabel" | "fetching" | "emptyText" | "filterFn" | "renderOption" | "creatable" | "showSelected" | "creatableText" | "onChangeStart" | "closeAfterSelect"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
41
+ export default _default;
@@ -0,0 +1,22 @@
1
+ import * as React from "react";
2
+ import { ChipsInputOption } from "../ChipsInput/ChipsInput";
3
+ import { ChipsSelectProps } from "./ChipsSelect";
4
+ export declare const useChipsSelect: <Option extends ChipsInputOption>(props: Partial<ChipsSelectProps<Option>>) => {
5
+ fieldValue: string | undefined;
6
+ handleInputChange: (e: React.ChangeEvent<HTMLInputElement> | undefined) => void;
7
+ opened: boolean;
8
+ setOpened: React.Dispatch<React.SetStateAction<boolean>>;
9
+ filteredOptions: Option[];
10
+ focusedOptionIndex: number | null;
11
+ setFocusedOptionIndex: React.Dispatch<React.SetStateAction<number | null>>;
12
+ focusedOption: Option | null;
13
+ setFocusedOption: React.Dispatch<React.SetStateAction<Option | null>>;
14
+ selectedOptions: Option[];
15
+ setFieldValue: React.Dispatch<React.SetStateAction<string | undefined>>;
16
+ setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
17
+ clearInput: () => void;
18
+ toggleOption: (newOption: Option, value?: boolean | undefined) => void;
19
+ addOption: (newOption: Option) => void;
20
+ addOptionFromInput: () => void;
21
+ removeOption: (value: string | number) => void;
22
+ };
@@ -0,0 +1,21 @@
1
+ import * as React from "react";
2
+ import { PopperCommonProps } from "../Popper/Popper";
3
+ export interface ClickPopperProps extends PopperCommonProps {
4
+ /**
5
+ * Содержимое `ClickPopper`
6
+ */
7
+ content?: React.ReactNode;
8
+ /**
9
+ * Если передан, то тултип будет показан/скрыт в зависимости от значения свойства
10
+ */
11
+ shown?: boolean;
12
+ /**
13
+ * Вызывается при каждом изменении видимости тултипа
14
+ */
15
+ onShownChange?: (shown: boolean) => void;
16
+ /**
17
+ * Либо jsx-элемент (div, button, etc.), либо компонент со свойством `getRootRef`, которое применяется к корневому элемнету компонента
18
+ */
19
+ children?: React.ReactElement;
20
+ }
21
+ export declare const ClickPopper: React.FC<ClickPopperProps>;
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ import { ConfigProviderContextInterface } from "./ConfigProviderContext";
3
+ import { AppearanceScheme } from "../../helpers/scheme";
4
+ export interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {
5
+ /**
6
+ * @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance
7
+ * Цветовая схема приложения
8
+ */
9
+ scheme?: AppearanceScheme;
10
+ }
11
+ declare const ConfigProvider: React.FC<ConfigProviderProps>;
12
+ export default ConfigProvider;
@@ -0,0 +1,43 @@
1
+ import * as React from "react";
2
+ import { AppearanceType } from "@vkontakte/vk-bridge";
3
+ import { PlatformType } from "../../lib/platform";
4
+ export declare enum WebviewType {
5
+ VKAPPS = "vkapps",
6
+ INTERNAL = "internal"
7
+ }
8
+ export interface ConfigProviderContextInterface {
9
+ /**
10
+ * Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере
11
+ */
12
+ isWebView: boolean;
13
+ /**
14
+ * Тип вебвью.<br>
15
+ * В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)
16
+ */
17
+ webviewType: WebviewType.INTERNAL | WebviewType.VKAPPS;
18
+ /**
19
+ * Тип приложения
20
+ */
21
+ app?: string;
22
+ /**
23
+ * Тип цветовой схемы – `light` или `dark`
24
+ */
25
+ appearance?: AppearanceType;
26
+ /**
27
+ * Включена ли анимация переходов между экранами в `Root` и `View`
28
+ */
29
+ transitionMotionEnabled: boolean;
30
+ /**
31
+ * Платформа
32
+ */
33
+ platform: PlatformType;
34
+ hasNewTokens: boolean;
35
+ }
36
+ export declare const defaultConfigProviderProps: {
37
+ webviewType: WebviewType;
38
+ isWebView: boolean;
39
+ transitionMotionEnabled: boolean;
40
+ platform: string;
41
+ hasNewTokens: boolean;
42
+ };
43
+ export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;
@@ -0,0 +1,34 @@
1
+ import * as React from "react";
2
+ import { CardProps } from "../Card/Card";
3
+ import { TappableProps } from "../Tappable/Tappable";
4
+ import { HasRef, HasRootRef } from "../../types";
5
+ import "./ContentCard.css";
6
+ export interface ContentCardProps extends HasRootRef<HTMLDivElement>, Omit<TappableProps, "getRootRef" | "crossOrigin">, Omit<React.ImgHTMLAttributes<HTMLImageElement>, keyof React.HTMLAttributes<HTMLImageElement>>, HasRef<HTMLImageElement> {
7
+ /**
8
+ Текст над заголовком
9
+ */
10
+ subtitle?: React.ReactNode;
11
+ /**
12
+ Заголовок
13
+ */
14
+ header?: React.ReactNode;
15
+ /**
16
+ Текст
17
+ */
18
+ text?: React.ReactNode;
19
+ /**
20
+ Нижний текст
21
+ */
22
+ caption?: React.ReactNode;
23
+ /**
24
+ @deprecated будет удалено в 5.0.0. Используйте src
25
+ */
26
+ image?: string;
27
+ /**
28
+ Максимальная высота изображения
29
+ */
30
+ maxHeight?: number;
31
+ mode?: CardProps["mode"];
32
+ }
33
+ declare const ContentCard: React.FC<ContentCardProps>;
34
+ export default ContentCard;
@@ -0,0 +1,11 @@
1
+ import * as React from "react";
2
+ import "./Counter.css";
3
+ export interface CounterProps extends React.HTMLAttributes<HTMLSpanElement> {
4
+ /**
5
+ * Тип счетчика. При использовании компонента в качестве значения свойства `after` у `Button` эти значения игнорируются
6
+ */
7
+ mode?: "secondary" | "primary" | "prominent";
8
+ size?: "s" | "m";
9
+ }
10
+ declare const _default: React.NamedExoticComponent<CounterProps>;
11
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import { DOMProps } from "../../lib/dom";
3
+ import "./CustomScrollView.css";
4
+ interface Props extends DOMProps {
5
+ windowResize?: boolean;
6
+ boxRef: React.Ref<HTMLDivElement>;
7
+ className?: HTMLDivElement["className"];
8
+ }
9
+ declare const _default: React.ComponentType<Props>;
10
+ export default _default;