@vkontakte/vkui 4.28.0 → 4.28.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.
- package/.browserslistrc +2 -0
- package/.cache/.eslintcache +1 -0
- package/.cache/.stylelintcache +1 -0
- package/.cache/.tsbuildinfo +58386 -0
- package/.cache/ts/src/appearance/constants.d.ts +1 -0
- package/.cache/ts/src/components/ActionSheet/ActionSheet.d.ts +26 -0
- package/.cache/ts/src/components/ActionSheet/ActionSheetContext.d.ts +8 -0
- package/.cache/ts/src/components/ActionSheet/ActionSheetDropdown.d.ts +4 -0
- package/.cache/ts/src/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +4 -0
- package/.cache/ts/src/components/ActionSheet/types.d.ts +9 -0
- package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +20 -0
- package/.cache/ts/src/components/AdaptivityProvider/AdaptivityContext.d.ts +46 -0
- package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +10 -0
- package/.cache/ts/src/components/Alert/Alert.d.ts +24 -0
- package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +14 -0
- package/.cache/ts/src/components/AppRoot/AppRootContext.d.ts +9 -0
- package/.cache/ts/src/components/AppRoot/AppRootPortal.d.ts +5 -0
- package/.cache/ts/src/components/AppRoot/ScrollContext.d.ts +23 -0
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProvider.d.ts +7 -0
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +3 -0
- package/.cache/ts/src/components/Avatar/Avatar.d.ts +22 -0
- package/.cache/ts/src/components/Badge/Badge.d.ts +6 -0
- package/.cache/ts/src/components/Banner/Banner.d.ts +65 -0
- package/.cache/ts/src/components/Button/Button.d.ts +20 -0
- package/.cache/ts/src/components/ButtonGroup/ButtonGroup.d.ts +20 -0
- package/.cache/ts/src/components/Calendar/Calendar.d.ts +21 -0
- package/.cache/ts/src/components/CalendarDay/CalendarDay.d.ts +22 -0
- package/.cache/ts/src/components/CalendarDays/CalendarDays.d.ts +22 -0
- package/.cache/ts/src/components/CalendarHeader/CalendarHeader.d.ts +16 -0
- package/.cache/ts/src/components/CalendarRange/CalendarRange.d.ts +16 -0
- package/.cache/ts/src/components/CalendarTime/CalendarTime.d.ts +11 -0
- package/.cache/ts/src/components/Card/Card.d.ts +7 -0
- package/.cache/ts/src/components/CardGrid/CardGrid.d.ts +8 -0
- package/.cache/ts/src/components/CardScroll/CardScroll.d.ts +12 -0
- package/.cache/ts/src/components/Cell/Cell.d.ts +47 -0
- package/.cache/ts/src/components/Cell/CellCheckbox/CellCheckbox.d.ts +5 -0
- package/.cache/ts/src/components/Cell/CellDragger/CellDragger.d.ts +6 -0
- package/.cache/ts/src/components/Cell/useDraggable.d.ts +13 -0
- package/.cache/ts/src/components/CellButton/CellButton.d.ts +9 -0
- package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +10 -0
- package/.cache/ts/src/components/Chip/Chip.d.ts +16 -0
- package/.cache/ts/src/components/ChipsInput/ChipsInput.d.ts +30 -0
- package/.cache/ts/src/components/ChipsInput/useChipsInput.d.ts +14 -0
- package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +40 -0
- package/.cache/ts/src/components/ChipsSelect/useChipsSelect.d.ts +22 -0
- package/.cache/ts/src/components/ClickPopper/ClickPopper.d.ts +21 -0
- package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +16 -0
- package/.cache/ts/src/components/ConfigProvider/ConfigProviderContext.d.ts +36 -0
- package/.cache/ts/src/components/ContentCard/ContentCard.d.ts +34 -0
- package/.cache/ts/src/components/Counter/Counter.d.ts +11 -0
- package/.cache/ts/src/components/CustomScrollView/CustomScrollView.d.ts +10 -0
- package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +65 -0
- package/.cache/ts/src/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +15 -0
- package/.cache/ts/src/components/CustomSelectOption/CustomSelectOption.d.ts +15 -0
- package/.cache/ts/src/components/DateInput/DateInput.d.ts +12 -0
- package/.cache/ts/src/components/DatePicker/DatePicker.d.ts +24 -0
- package/.cache/ts/src/components/DateRangeInput/DateRangeInput.d.ts +18 -0
- package/.cache/ts/src/components/Div/Div.d.ts +6 -0
- package/.cache/ts/src/components/Dropdown/Dropdown.d.ts +8 -0
- package/.cache/ts/src/components/DropdownIcon/DropdownIcon.d.ts +3 -0
- package/.cache/ts/src/components/Epic/Epic.d.ts +10 -0
- package/.cache/ts/src/components/Epic/ScrollSaver.d.ts +6 -0
- package/.cache/ts/src/components/File/File.d.ts +9 -0
- package/.cache/ts/src/components/FixedLayout/FixedLayout.d.ts +19 -0
- package/.cache/ts/src/components/FocusTrap/FocusTrap.d.ts +8 -0
- package/.cache/ts/src/components/FocusVisible/FocusVisible.d.ts +8 -0
- package/.cache/ts/src/components/Footer/Footer.d.ts +5 -0
- package/.cache/ts/src/components/FormField/FormField.d.ts +14 -0
- package/.cache/ts/src/components/FormItem/FormItem.d.ts +14 -0
- package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +6 -0
- package/.cache/ts/src/components/FormLayoutGroup/FormLayoutGroup.d.ts +13 -0
- package/.cache/ts/src/components/FormStatus/FormStatus.d.ts +7 -0
- package/.cache/ts/src/components/Gallery/Gallery.d.ts +39 -0
- package/.cache/ts/src/components/Gradient/Gradient.d.ts +7 -0
- package/.cache/ts/src/components/GridAvatar/GridAvatar.d.ts +8 -0
- package/.cache/ts/src/components/Group/Group.d.ts +23 -0
- package/.cache/ts/src/components/Header/Header.d.ts +18 -0
- package/.cache/ts/src/components/HorizontalCell/HorizontalCell.d.ts +10 -0
- package/.cache/ts/src/components/HorizontalScroll/HorizontalScroll.d.ts +19 -0
- package/.cache/ts/src/components/HorizontalScroll/HorizontalScrollArrow.d.ts +8 -0
- package/.cache/ts/src/components/HoverPopper/HoverPopper.d.ts +29 -0
- package/.cache/ts/src/components/IconButton/IconButton.d.ts +11 -0
- package/.cache/ts/src/components/InfoRow/InfoRow.d.ts +7 -0
- package/.cache/ts/src/components/InitialsAvatar/InitialsAvatar.d.ts +32 -0
- package/.cache/ts/src/components/Input/Input.d.ts +9 -0
- package/.cache/ts/src/components/InputLike/InputLike.d.ts +10 -0
- package/.cache/ts/src/components/InputLike/InputLikeDivider.d.ts +3 -0
- package/.cache/ts/src/components/Link/Link.d.ts +6 -0
- package/.cache/ts/src/components/List/List.d.ts +4 -0
- package/.cache/ts/src/components/List/ListContext.d.ts +4 -0
- package/.cache/ts/src/components/LocaleProviderContext/LocaleProviderContext.d.ts +2 -0
- package/.cache/ts/src/components/MiniInfoCell/MiniInfoCell.d.ts +39 -0
- package/.cache/ts/src/components/ModalCard/ModalCard.d.ts +10 -0
- package/.cache/ts/src/components/ModalCardBase/ModalCardBase.d.ts +32 -0
- package/.cache/ts/src/components/ModalDismissButton/ModalDismissButton.d.ts +5 -0
- package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +22 -0
- package/.cache/ts/src/components/ModalPageHeader/ModalPageHeader.d.ts +8 -0
- package/.cache/ts/src/components/ModalRoot/ModalRoot.d.ts +16 -0
- package/.cache/ts/src/components/ModalRoot/ModalRootAdaptive.d.ts +10 -0
- package/.cache/ts/src/components/ModalRoot/ModalRootContext.d.ts +20 -0
- package/.cache/ts/src/components/ModalRoot/ModalRootDesktop.d.ts +16 -0
- package/.cache/ts/src/components/ModalRoot/constants.d.ts +3 -0
- package/.cache/ts/src/components/ModalRoot/types.d.ts +45 -0
- package/.cache/ts/src/components/ModalRoot/useModalManager.d.ts +37 -0
- package/.cache/ts/src/components/ModalRoot/withModalRootContext.d.ts +5 -0
- package/.cache/ts/src/components/NativeSelect/NativeSelect.d.ts +15 -0
- package/.cache/ts/src/components/NavTransitionContext/NavTransitionContext.d.ts +7 -0
- package/.cache/ts/src/components/Pagination/Pagination.d.ts +42 -0
- package/.cache/ts/src/components/Panel/Panel.d.ts +9 -0
- package/.cache/ts/src/components/PanelHeader/PanelHeader.d.ts +21 -0
- package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +9 -0
- package/.cache/ts/src/components/PanelHeaderButton/PanelHeaderButton.d.ts +8 -0
- package/.cache/ts/src/components/PanelHeaderClose/PanelHeaderClose.d.ts +4 -0
- package/.cache/ts/src/components/PanelHeaderContent/PanelHeaderContent.d.ts +9 -0
- package/.cache/ts/src/components/PanelHeaderContext/PanelHeaderContext.d.ts +7 -0
- package/.cache/ts/src/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +18 -0
- package/.cache/ts/src/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +4 -0
- package/.cache/ts/src/components/PanelSpinner/PanelSpinner.d.ts +7 -0
- package/.cache/ts/src/components/Placeholder/Placeholder.d.ts +23 -0
- package/.cache/ts/src/components/PopoutRoot/PopoutRoot.d.ts +10 -0
- package/.cache/ts/src/components/PopoutWrapper/PopoutWrapper.d.ts +10 -0
- package/.cache/ts/src/components/Popper/Popper.d.ts +32 -0
- package/.cache/ts/src/components/Progress/Progress.d.ts +8 -0
- package/.cache/ts/src/components/PromoBanner/PromoBanner.d.ts +40 -0
- package/.cache/ts/src/components/PullToRefresh/PullToRefresh.d.ts +37 -0
- package/.cache/ts/src/components/PullToRefresh/PullToRefreshSpinner.d.ts +11 -0
- package/.cache/ts/src/components/Radio/Radio.d.ts +9 -0
- package/.cache/ts/src/components/RadioGroup/RadioGroup.d.ts +6 -0
- package/.cache/ts/src/components/RangeSlider/RangeSlider.d.ts +6 -0
- package/.cache/ts/src/components/RangeSlider/UniversalSlider.d.ts +16 -0
- package/.cache/ts/src/components/Removable/Removable.d.ts +21 -0
- package/.cache/ts/src/components/RichCell/RichCell.d.ts +37 -0
- package/.cache/ts/src/components/RichTooltip/RichTooltip.d.ts +5 -0
- package/.cache/ts/src/components/Root/Root.d.ts +31 -0
- package/.cache/ts/src/components/ScreenSpinner/ScreenSpinner.d.ts +6 -0
- package/.cache/ts/src/components/Search/Search.d.ts +17 -0
- package/.cache/ts/src/components/SegmentedControl/SegmentedControl.d.ts +17 -0
- package/.cache/ts/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
- package/.cache/ts/src/components/Select/Select.d.ts +7 -0
- package/.cache/ts/src/components/SelectMimicry/SelectMimicry.d.ts +14 -0
- package/.cache/ts/src/components/Separator/Separator.d.ts +11 -0
- package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +39 -0
- package/.cache/ts/src/components/SimpleCheckbox/SimpleCheckbox.d.ts +8 -0
- package/.cache/ts/src/components/Slider/Slider.d.ts +5 -0
- package/.cache/ts/src/components/SliderSwitch/SliderSwitch.d.ts +47 -0
- package/.cache/ts/src/components/SliderSwitch/SliderSwitchButton.d.ts +11 -0
- package/.cache/ts/src/components/Snackbar/Snackbar.d.ts +35 -0
- package/.cache/ts/src/components/Spacing/Spacing.d.ts +18 -0
- package/.cache/ts/src/components/Spinner/Spinner.d.ts +7 -0
- package/.cache/ts/src/components/SplitCol/SplitCol.d.ts +22 -0
- package/.cache/ts/src/components/SplitLayout/SplitLayout.d.ts +15 -0
- package/.cache/ts/src/components/SubnavigationBar/SubnavigationBar.d.ts +7 -0
- package/.cache/ts/src/components/SubnavigationButton/SubnavigationButton.d.ts +21 -0
- package/.cache/ts/src/components/Switch/Switch.d.ts +7 -0
- package/.cache/ts/src/components/Tabbar/Tabbar.d.ts +11 -0
- package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts +21 -0
- package/.cache/ts/src/components/Tabs/Tabs.d.ts +10 -0
- package/.cache/ts/src/components/TabsItem/TabsItem.d.ts +8 -0
- package/.cache/ts/src/components/Tappable/Tappable.d.ts +42 -0
- package/.cache/ts/src/components/TextTooltip/TextTooltip.d.ts +14 -0
- package/.cache/ts/src/components/Textarea/Textarea.d.ts +11 -0
- package/.cache/ts/src/components/Tooltip/Tooltip.d.ts +55 -0
- package/.cache/ts/src/components/Tooltip/TooltipContainer.d.ts +5 -0
- package/.cache/ts/src/components/Touch/Touch.d.ts +49 -0
- package/.cache/ts/src/components/Touch/TouchContext.d.ts +7 -0
- package/.cache/ts/src/components/Typography/Caption/Caption.d.ts +14 -0
- package/.cache/ts/src/components/Typography/Headline/Headline.d.ts +8 -0
- package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts +13 -0
- package/.cache/ts/src/components/Typography/Text/Text.d.ts +8 -0
- package/.cache/ts/src/components/Typography/Title/Title.d.ts +14 -0
- package/.cache/ts/src/components/UsersStack/UsersStack.d.ts +23 -0
- package/.cache/ts/src/components/UsersStack/masks.d.ts +1 -0
- package/.cache/ts/src/components/View/View.d.ts +80 -0
- package/.cache/ts/src/components/View/ViewInfinite.d.ts +66 -0
- package/.cache/ts/src/components/View/utils.d.ts +2 -0
- package/.cache/ts/src/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
- package/.cache/ts/src/components/WriteBar/WriteBar.d.ts +23 -0
- package/.cache/ts/src/components/WriteBarIcon/WriteBarIcon.d.ts +18 -0
- package/.cache/ts/src/helpers/avatar.d.ts +5 -0
- package/.cache/ts/src/helpers/getClassName.d.ts +2 -0
- package/.cache/ts/src/helpers/getScheme.d.ts +8 -0
- package/.cache/ts/src/helpers/math.d.ts +5 -0
- package/.cache/ts/src/helpers/scheme.d.ts +34 -0
- package/.cache/ts/src/helpers/typography.d.ts +1 -0
- package/.cache/ts/src/hoc/withAdaptivity.d.ts +13 -0
- package/.cache/ts/src/hoc/withContext.d.ts +2 -0
- package/.cache/ts/src/hoc/withInsets.d.ts +3 -0
- package/.cache/ts/src/hoc/withPlatform.d.ts +3 -0
- package/.cache/ts/src/hooks/useAdaptivity.d.ts +3 -0
- package/.cache/ts/src/hooks/useAppearance.d.ts +1 -0
- package/.cache/ts/src/hooks/useBooleanState.d.ts +6 -0
- package/.cache/ts/src/hooks/useBrowserInfo.d.ts +2 -0
- package/.cache/ts/src/hooks/useCalendar.d.ts +18 -0
- package/.cache/ts/src/hooks/useDateInput.d.ts +30 -0
- package/.cache/ts/src/hooks/useEffectDev.d.ts +2 -0
- package/.cache/ts/src/hooks/useEnsuredControl.d.ts +6 -0
- package/.cache/ts/src/hooks/useEventListener.d.ts +7 -0
- package/.cache/ts/src/hooks/useExternRef.d.ts +2 -0
- package/.cache/ts/src/hooks/useFocusVisible.d.ts +6 -0
- package/.cache/ts/src/hooks/useGlobalEventListener.d.ts +2 -0
- package/.cache/ts/src/hooks/useInsets.d.ts +8 -0
- package/.cache/ts/src/hooks/useKeyboard.d.ts +11 -0
- package/.cache/ts/src/hooks/useKeyboardInputTracker.d.ts +3 -0
- package/.cache/ts/src/hooks/useObjectMemo.d.ts +2 -0
- package/.cache/ts/src/hooks/useOrientationChange.d.ts +7 -0
- package/.cache/ts/src/hooks/usePagination.d.ts +34 -0
- package/.cache/ts/src/hooks/usePatchChildrenRef.d.ts +6 -0
- package/.cache/ts/src/hooks/usePlatform.d.ts +2 -0
- package/.cache/ts/src/hooks/useTimeout.d.ts +4 -0
- package/.cache/ts/src/hooks/useWaitTransitionFinish.d.ts +3 -0
- package/.cache/ts/src/index.d.ts +289 -0
- package/.cache/ts/src/lib/SSR.d.ts +14 -0
- package/.cache/ts/src/lib/accessibility.d.ts +10 -0
- package/.cache/ts/src/lib/animate.d.ts +15 -0
- package/.cache/ts/src/lib/browser.d.ts +11 -0
- package/.cache/ts/src/lib/calendar.d.ts +14 -0
- package/.cache/ts/src/lib/callMultiple.d.ts +1 -0
- package/.cache/ts/src/lib/classNames.d.ts +6 -0
- package/.cache/ts/src/lib/classScopingMode.d.ts +8 -0
- package/.cache/ts/src/lib/dom.d.ts +21 -0
- package/.cache/ts/src/lib/fx.d.ts +5 -0
- package/.cache/ts/src/lib/getNavId.d.ts +6 -0
- package/.cache/ts/src/lib/is.d.ts +1 -0
- package/.cache/ts/src/lib/isRefObject.d.ts +2 -0
- package/.cache/ts/src/lib/jsxRuntime.d.ts +8 -0
- package/.cache/ts/src/lib/offset.d.ts +7 -0
- package/.cache/ts/src/lib/platform.d.ts +19 -0
- package/.cache/ts/src/lib/polyfills.d.ts +6 -0
- package/.cache/ts/src/lib/prefixClass.d.ts +1 -0
- package/.cache/ts/src/lib/removeObjectKeys.d.ts +1 -0
- package/.cache/ts/src/lib/select.d.ts +7 -0
- package/.cache/ts/src/lib/styles.d.ts +1 -0
- package/.cache/ts/src/lib/supportEvents.d.ts +9 -0
- package/.cache/ts/src/lib/taptic.d.ts +2 -0
- package/.cache/ts/src/lib/testing.d.ts +1 -0
- package/.cache/ts/src/lib/touch.d.ts +9 -0
- package/.cache/ts/src/lib/useIsomorphicLayoutEffect.d.ts +2 -0
- package/.cache/ts/src/lib/utils.d.ts +16 -0
- package/.cache/ts/src/lib/warnOnce.d.ts +1 -0
- package/.cache/ts/src/testing/setup.d.ts +1 -0
- package/.cache/ts/src/testing/utils.d.ts +30 -0
- package/.cache/ts/src/tokenized/index.d.ts +24 -0
- package/.cache/ts/src/types.d.ts +34 -0
- package/.cache/ts/src/unstable/index.d.ts +17 -0
- package/.codesandbox/ci.json +5 -0
- package/.editorconfig +14 -0
- package/.eslintignore +6 -0
- package/.eslintrc.json +145 -0
- package/.gitattributes +1 -0
- package/.gitmodules +0 -0
- package/.prettierignore +14 -0
- package/.prettierrc.json +1 -0
- package/.stylelintignore +2 -0
- package/CONTRIBUTING.md +3 -2
- package/CSS_GUIDE.md +145 -0
- package/TESTING.md +58 -0
- package/babel.cjs.config.js +15 -0
- package/babel.config.js +72 -0
- package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -7
- package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +3 -5
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.js +5 -8
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +4 -8
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/CalendarDays/CalendarDays.js +2 -2
- package/dist/cjs/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +2 -5
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +2 -4
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +2 -4
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/ContentCard/ContentCard.js +5 -7
- package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cjs/components/Counter/Counter.js +3 -3
- package/dist/cjs/components/Counter/Counter.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.js +17 -9
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +2 -4
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/Footer/Footer.js +2 -4
- package/dist/cjs/components/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js +2 -4
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormStatus/FormStatus.js +3 -8
- package/dist/cjs/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cjs/components/Group/Group.js +3 -5
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +9 -18
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js +4 -7
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.js +5 -5
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +2 -4
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js +3 -7
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.js +2 -5
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +3 -4
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.d.ts +8 -4
- package/dist/cjs/components/Typography/Caption/Caption.js +12 -14
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +3 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.d.ts +3 -1
- package/dist/cjs/components/Typography/Title/Title.js +3 -1
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/UsersStack/UsersStack.js +3 -4
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/helpers/typography.d.ts +1 -0
- package/dist/cjs/helpers/typography.js +25 -0
- package/dist/cjs/helpers/typography.js.map +1 -0
- package/dist/cjs/hooks/useOrientationChange.d.ts +7 -0
- package/dist/cjs/hooks/useOrientationChange.js +56 -0
- package/dist/cjs/hooks/useOrientationChange.js.map +1 -0
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/tokenized/index.d.ts +2 -0
- package/dist/cjs/tokenized/index.js +8 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheet.js +2 -5
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.js +2 -4
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/Alert/Alert.js +3 -6
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/Button/Button.js +3 -7
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/CalendarDays/CalendarDays.js +1 -1
- package/dist/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +1 -4
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +1 -3
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.js +1 -3
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/ContentCard/ContentCard.js +3 -5
- package/dist/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/components/Counter/Counter.js +2 -2
- package/dist/components/Counter/Counter.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.js +16 -8
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js +1 -3
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/Footer/Footer.js +1 -3
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/FormItem/FormItem.js +1 -3
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormStatus/FormStatus.js +2 -7
- package/dist/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/components/Group/Group.js +2 -4
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.js +6 -15
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js +2 -5
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.js +4 -5
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js +1 -3
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +1 -5
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/Radio/Radio.js +1 -4
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +2 -3
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.d.ts +8 -4
- package/dist/components/Typography/Caption/Caption.js +10 -14
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.d.ts +3 -1
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Title/Title.d.ts +3 -1
- package/dist/components/Typography/Title/Title.js +2 -1
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/UsersStack/UsersStack.js +2 -3
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components.css +2 -2
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js +2 -5
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +2 -4
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js +3 -6
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/Button/Button.js +3 -7
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/CalendarDay/CalendarDay.css +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.js +1 -1
- package/dist/cssm/components/CalendarDays/CalendarDays.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.js +1 -4
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Chip/Chip.js +1 -3
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +1 -3
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.js +3 -5
- package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.js +2 -2
- package/dist/cssm/components/Counter/Counter.js.map +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js +16 -8
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +1 -3
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/Footer/Footer.js +1 -3
- package/dist/cssm/components/Footer/Footer.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.js +1 -3
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormStatus/FormStatus.js +2 -7
- package/dist/cssm/components/FormStatus/FormStatus.js.map +1 -1
- package/dist/cssm/components/Group/Group.js +2 -4
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Header/Header.js +6 -15
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js +2 -5
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js +4 -5
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +1 -3
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +1 -5
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.js +1 -4
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +2 -3
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.css +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.d.ts +8 -4
- package/dist/cssm/components/Typography/Caption/Caption.js +10 -14
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +3 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Title/Title.d.ts +3 -1
- package/dist/cssm/components/Typography/Title/Title.js +2 -1
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.js +2 -3
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/helpers/typography.d.ts +1 -0
- package/dist/cssm/helpers/typography.js +18 -0
- package/dist/cssm/helpers/typography.js.map +1 -0
- package/dist/cssm/hooks/useOrientationChange.d.ts +7 -0
- package/dist/cssm/hooks/useOrientationChange.js +42 -0
- package/dist/cssm/hooks/useOrientationChange.js.map +1 -0
- package/dist/cssm/index.d.ts +1 -1
- package/dist/cssm/index.js +1 -1
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/styles/components.css +2 -2
- package/dist/cssm/tokenized/index.d.ts +2 -0
- package/dist/cssm/tokenized/index.js +1 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/helpers/typography.d.ts +1 -0
- package/dist/helpers/typography.js +18 -0
- package/dist/helpers/typography.js.map +1 -0
- package/dist/hooks/useOrientationChange.d.ts +7 -0
- package/dist/hooks/useOrientationChange.js +42 -0
- package/dist/hooks/useOrientationChange.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/tokenized/index.d.ts +2 -0
- package/dist/tokenized/index.js +1 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/vkui.css +2 -2
- package/dist/vkui.css.map +1 -1
- package/jest.unit.config.js +14 -0
- package/package.json +6 -9
- package/src/appearance/constants.ts +1 -0
- package/src/components/ActionSheet/ActionSheet.css +145 -0
- package/src/components/ActionSheet/ActionSheet.tsx +158 -0
- package/src/components/ActionSheet/ActionSheetContext.ts +18 -0
- package/src/components/ActionSheet/ActionSheetDropdown.tsx +33 -0
- package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +97 -0
- package/src/components/ActionSheet/Readme.md +256 -0
- package/src/components/ActionSheet/types.ts +16 -0
- package/src/components/ActionSheetItem/ActionSheetItem.css +306 -0
- package/src/components/ActionSheetItem/ActionSheetItem.tsx +182 -0
- package/src/components/ActionSheetItem/Readme.md +2 -0
- package/src/components/AdaptivityProvider/AdaptivityContext.tsx +62 -0
- package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +138 -0
- package/src/components/AdaptivityProvider/Readme.md +3 -0
- package/src/components/Alert/Alert.css +297 -0
- package/src/components/Alert/Alert.tsx +288 -0
- package/src/components/Alert/Readme.md +133 -0
- package/src/components/AppRoot/AppRoot.css +20 -0
- package/src/components/AppRoot/AppRoot.tsx +205 -0
- package/src/components/AppRoot/AppRootContext.ts +13 -0
- package/src/components/AppRoot/AppRootPortal.tsx +24 -0
- package/src/components/AppRoot/Readme.md +9 -0
- package/src/components/AppRoot/ScrollContext.ts +44 -0
- package/src/components/AppearanceProvider/AppearanceProvider.tsx +61 -0
- package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +7 -0
- package/src/components/Avatar/Avatar.css +192 -0
- package/src/components/Avatar/Avatar.tsx +183 -0
- package/src/components/Avatar/Readme.md +838 -0
- package/src/components/Badge/Badge.css +21 -0
- package/src/components/Badge/Badge.tsx +27 -0
- package/src/components/Badge/Readme.md +55 -0
- package/src/components/Banner/Banner.css +154 -0
- package/src/components/Banner/Banner.tsx +220 -0
- package/src/components/Banner/Readme.md +215 -0
- package/src/components/Button/Button.css +594 -0
- package/src/components/Button/Button.tsx +225 -0
- package/src/components/Button/Readme.md +186 -0
- package/src/components/ButtonGroup/ButtonGroup.css +52 -0
- package/src/components/ButtonGroup/ButtonGroup.tsx +48 -0
- package/src/components/ButtonGroup/Readme.md +311 -0
- package/src/components/Calendar/Calendar.css +31 -0
- package/src/components/Calendar/Calendar.tsx +184 -0
- package/src/components/Calendar/Readme.md +124 -0
- package/src/components/CalendarDay/CalendarDay.css +85 -0
- package/src/components/CalendarDay/CalendarDay.tsx +114 -0
- package/src/components/CalendarDays/CalendarDays.css +31 -0
- package/src/components/CalendarDays/CalendarDays.tsx +131 -0
- package/src/components/CalendarHeader/CalendarHeader.css +50 -0
- package/src/components/CalendarHeader/CalendarHeader.tsx +167 -0
- package/src/components/CalendarRange/CalendarRange.css +27 -0
- package/src/components/CalendarRange/CalendarRange.tsx +278 -0
- package/src/components/CalendarRange/Readme.md +85 -0
- package/src/components/CalendarTime/CalendarTime.css +18 -0
- package/src/components/CalendarTime/CalendarTime.tsx +88 -0
- package/src/components/Card/Card.css +83 -0
- package/src/components/Card/Card.tsx +31 -0
- package/src/components/Card/Readme.md +39 -0
- package/src/components/CardGrid/CardGrid.css +82 -0
- package/src/components/CardGrid/CardGrid.tsx +41 -0
- package/src/components/CardGrid/Readme.md +41 -0
- package/src/components/CardScroll/CardScroll.css +47 -0
- package/src/components/CardScroll/CardScroll.tsx +116 -0
- package/src/components/CardScroll/Readme.md +62 -0
- package/src/components/Cell/Cell.css +56 -0
- package/src/components/Cell/Cell.tsx +204 -0
- package/src/components/Cell/CellCheckbox/CellCheckbox.css +17 -0
- package/src/components/Cell/CellCheckbox/CellCheckbox.tsx +41 -0
- package/src/components/Cell/CellDragger/CellDragger.css +4 -0
- package/src/components/Cell/CellDragger/CellDragger.tsx +37 -0
- package/src/components/Cell/Readme.md +163 -0
- package/src/components/Cell/useDraggable.tsx +126 -0
- package/src/components/CellButton/CellButton.css +46 -0
- package/src/components/CellButton/CellButton.tsx +35 -0
- package/src/components/CellButton/Readme.md +53 -0
- package/src/components/Checkbox/Checkbox.css +127 -0
- package/src/components/Checkbox/Checkbox.tsx +102 -0
- package/src/components/Checkbox/Readme.md +20 -0
- package/src/components/Chip/Chip.css +56 -0
- package/src/components/Chip/Chip.tsx +69 -0
- package/src/components/Chip/Readme.md +81 -0
- package/src/components/ChipsInput/ChipsInput.css +72 -0
- package/src/components/ChipsInput/ChipsInput.tsx +238 -0
- package/src/components/ChipsInput/Readme.md +94 -0
- package/src/components/ChipsInput/useChipsInput.ts +90 -0
- package/src/components/ChipsSelect/ChipsSelect.css +23 -0
- package/src/components/ChipsSelect/ChipsSelect.tsx +452 -0
- package/src/components/ChipsSelect/Readme.md +115 -0
- package/src/components/ChipsSelect/useChipsSelect.ts +72 -0
- package/src/components/ClickPopper/ClickPopper.tsx +86 -0
- package/src/components/ConfigProvider/ConfigProvider.tsx +144 -0
- package/src/components/ConfigProvider/ConfigProviderContext.tsx +48 -0
- package/src/components/ConfigProvider/Readme.md +1 -0
- package/src/components/ContentCard/ContentCard.css +39 -0
- package/src/components/ContentCard/ContentCard.tsx +152 -0
- package/src/components/ContentCard/Readme.md +65 -0
- package/src/components/Counter/Counter.css +161 -0
- package/src/components/Counter/Counter.tsx +76 -0
- package/src/components/Counter/Readme.md +114 -0
- package/src/components/CustomScrollView/CustomScrollView.css +62 -0
- package/src/components/CustomScrollView/CustomScrollView.tsx +168 -0
- package/src/components/CustomSelect/CustomSelect.css +24 -0
- package/src/components/CustomSelect/CustomSelect.tsx +778 -0
- package/src/components/CustomSelect/Readme.md +248 -0
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.css +38 -0
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +75 -0
- package/src/components/CustomSelectOption/CustomSelectOption.css +63 -0
- package/src/components/CustomSelectOption/CustomSelectOption.tsx +88 -0
- package/src/components/CustomSelectOption/Readme.md +33 -0
- package/src/components/DateInput/DateInput.css +20 -0
- package/src/components/DateInput/DateInput.tsx +317 -0
- package/src/components/DateInput/Readme.md +116 -0
- package/src/components/DatePicker/DatePicker.css +30 -0
- package/src/components/DatePicker/DatePicker.tsx +238 -0
- package/src/components/DatePicker/Readme.md +40 -0
- package/src/components/DateRangeInput/DateRangeInput.css +16 -0
- package/src/components/DateRangeInput/DateRangeInput.tsx +350 -0
- package/src/components/DateRangeInput/Readme.md +96 -0
- package/src/components/Div/Div.css +7 -0
- package/src/components/Div/Div.tsx +26 -0
- package/src/components/Div/Readme.md +17 -0
- package/src/components/Dropdown/Dropdown.css +19 -0
- package/src/components/Dropdown/Dropdown.tsx +42 -0
- package/src/components/Dropdown/Readme.md +49 -0
- package/src/components/DropdownIcon/DropdownIcon.css +3 -0
- package/src/components/DropdownIcon/DropdownIcon.tsx +18 -0
- package/src/components/Epic/Epic.css +4 -0
- package/src/components/Epic/Epic.tsx +61 -0
- package/src/components/Epic/Readme.md +240 -0
- package/src/components/Epic/ScrollSaver.tsx +23 -0
- package/src/components/File/File.css +6 -0
- package/src/components/File/File.tsx +74 -0
- package/src/components/File/Readme.md +20 -0
- package/src/components/FixedLayout/FixedLayout.css +27 -0
- package/src/components/FixedLayout/FixedLayout.tsx +71 -0
- package/src/components/FixedLayout/Readme.md +117 -0
- package/src/components/FocusTrap/FocusTrap.tsx +144 -0
- package/src/components/FocusVisible/FocusVisible.css +72 -0
- package/src/components/FocusVisible/FocusVisible.tsx +18 -0
- package/src/components/Footer/Footer.css +8 -0
- package/src/components/Footer/Footer.tsx +17 -0
- package/src/components/Footer/Readme.md +23 -0
- package/src/components/FormField/FormField.css +152 -0
- package/src/components/FormField/FormField.tsx +76 -0
- package/src/components/FormField/Readme.md +42 -0
- package/src/components/FormItem/FormItem.css +83 -0
- package/src/components/FormItem/FormItem.tsx +85 -0
- package/src/components/FormItem/Readme.md +183 -0
- package/src/components/FormLayout/FormLayout.css +16 -0
- package/src/components/FormLayout/FormLayout.tsx +39 -0
- package/src/components/FormLayout/Readme.md +2 -0
- package/src/components/FormLayoutGroup/FormLayoutGroup.css +22 -0
- package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +71 -0
- package/src/components/FormLayoutGroup/Readme.md +63 -0
- package/src/components/FormStatus/FormStatus.css +34 -0
- package/src/components/FormStatus/FormStatus.tsx +45 -0
- package/src/components/FormStatus/Readme.md +23 -0
- package/src/components/Gallery/Gallery.css +71 -0
- package/src/components/Gallery/Gallery.tsx +562 -0
- package/src/components/Gallery/Readme.md +99 -0
- package/src/components/Gradient/Gradient.css +83 -0
- package/src/components/Gradient/Gradient.tsx +29 -0
- package/src/components/Gradient/Readme.md +55 -0
- package/src/components/GridAvatar/GridAvatar.css +37 -0
- package/src/components/GridAvatar/GridAvatar.tsx +53 -0
- package/src/components/GridAvatar/Readme.md +24 -0
- package/src/components/Group/Group.css +86 -0
- package/src/components/Group/Group.tsx +94 -0
- package/src/components/Group/Readme.md +156 -0
- package/src/components/Header/Header.css +152 -0
- package/src/components/Header/Header.tsx +171 -0
- package/src/components/Header/Readme.md +114 -0
- package/src/components/HorizontalCell/HorizontalCell.css +95 -0
- package/src/components/HorizontalCell/HorizontalCell.tsx +86 -0
- package/src/components/HorizontalCell/Readme.md +236 -0
- package/src/components/HorizontalScroll/HorizontalScroll.css +31 -0
- package/src/components/HorizontalScroll/HorizontalScroll.tsx +217 -0
- package/src/components/HorizontalScroll/HorizontalScrollArrow.css +69 -0
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +35 -0
- package/src/components/HorizontalScroll/Readme.md +67 -0
- package/src/components/HoverPopper/HoverPopper.tsx +102 -0
- package/src/components/IconButton/IconButton.css +93 -0
- package/src/components/IconButton/IconButton.tsx +57 -0
- package/src/components/InfoRow/InfoRow.css +14 -0
- package/src/components/InfoRow/InfoRow.tsx +37 -0
- package/src/components/InfoRow/Readme.md +27 -0
- package/src/components/InitialsAvatar/InitialsAvatar.css +55 -0
- package/src/components/InitialsAvatar/InitialsAvatar.tsx +95 -0
- package/src/components/InitialsAvatar/Readme.md +20 -0
- package/src/components/Input/Input.css +52 -0
- package/src/components/Input/Input.tsx +54 -0
- package/src/components/Input/Readme.md +46 -0
- package/src/components/InputLike/InputLike.css +25 -0
- package/src/components/InputLike/InputLike.tsx +72 -0
- package/src/components/InputLike/InputLikeDivider.css +4 -0
- package/src/components/InputLike/InputLikeDivider.tsx +12 -0
- package/src/components/Link/Link.css +18 -0
- package/src/components/Link/Link.tsx +27 -0
- package/src/components/Link/Readme.md +8 -0
- package/src/components/List/List.css +2 -0
- package/src/components/List/List.tsx +31 -0
- package/src/components/List/ListContext.ts +6 -0
- package/src/components/List/Readme.md +22 -0
- package/src/components/LocaleProviderContext/LocaleProviderContext.tsx +5 -0
- package/src/components/MiniInfoCell/MiniInfoCell.css +67 -0
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +94 -0
- package/src/components/MiniInfoCell/Readme.md +150 -0
- package/src/components/ModalCard/ModalCard.css +77 -0
- package/src/components/ModalCard/ModalCard.tsx +93 -0
- package/src/components/ModalCard/Readme.md +9 -0
- package/src/components/ModalCardBase/ModalCardBase.css +94 -0
- package/src/components/ModalCardBase/ModalCardBase.tsx +141 -0
- package/src/components/ModalCardBase/Readme.md +38 -0
- package/src/components/ModalDismissButton/ModalDismissButton.css +37 -0
- package/src/components/ModalDismissButton/ModalDismissButton.tsx +32 -0
- package/src/components/ModalDismissButton/Readme.md +53 -0
- package/src/components/ModalPage/ModalPage.css +146 -0
- package/src/components/ModalPage/ModalPage.tsx +131 -0
- package/src/components/ModalPage/Readme.md +9 -0
- package/src/components/ModalPageHeader/ModalPageHeader.css +24 -0
- package/src/components/ModalPageHeader/ModalPageHeader.tsx +57 -0
- package/src/components/ModalPageHeader/Readme.md +46 -0
- package/src/components/ModalRoot/ModalRoot.css +67 -0
- package/src/components/ModalRoot/ModalRoot.tsx +816 -0
- package/src/components/ModalRoot/ModalRootAdaptive.tsx +42 -0
- package/src/components/ModalRoot/ModalRootContext.tsx +51 -0
- package/src/components/ModalRoot/ModalRootDesktop.tsx +261 -0
- package/src/components/ModalRoot/Readme.md +662 -0
- package/src/components/ModalRoot/constants.ts +4 -0
- package/src/components/ModalRoot/types.ts +53 -0
- package/src/components/ModalRoot/useModalManager.tsx +203 -0
- package/src/components/ModalRoot/withModalRootContext.tsx +19 -0
- package/src/components/NativeSelect/NativeSelect.tsx +113 -0
- package/src/components/NativeSelect/Readme.md +17 -0
- package/src/components/NavTransitionContext/NavTransitionContext.tsx +24 -0
- package/src/components/Pagination/Pagination.css +62 -0
- package/src/components/Pagination/Pagination.tsx +196 -0
- package/src/components/Pagination/Readme.md +110 -0
- package/src/components/Panel/Panel.css +116 -0
- package/src/components/Panel/Panel.tsx +58 -0
- package/src/components/Panel/Readme.md +97 -0
- package/src/components/PanelHeader/PanelHeader.css +271 -0
- package/src/components/PanelHeader/PanelHeader.tsx +142 -0
- package/src/components/PanelHeader/Readme.md +244 -0
- package/src/components/PanelHeaderBack/PanelHeaderBack.css +7 -0
- package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +60 -0
- package/src/components/PanelHeaderBack/Readme.md +9 -0
- package/src/components/PanelHeaderButton/PanelHeaderButton.css +102 -0
- package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +109 -0
- package/src/components/PanelHeaderButton/Readme.md +47 -0
- package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +35 -0
- package/src/components/PanelHeaderClose/Readme.md +9 -0
- package/src/components/PanelHeaderContent/PanelHeaderContent.css +107 -0
- package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +105 -0
- package/src/components/PanelHeaderContent/Readme.md +33 -0
- package/src/components/PanelHeaderContext/PanelHeaderContext.css +143 -0
- package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +85 -0
- package/src/components/PanelHeaderContext/Readme.md +110 -0
- package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +49 -0
- package/src/components/PanelHeaderEdit/Readme.md +1 -0
- package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +37 -0
- package/src/components/PanelHeaderSubmit/Readme.md +13 -0
- package/src/components/PanelSpinner/PanelSpinner.tsx +21 -0
- package/src/components/PanelSpinner/Readme.md +15 -0
- package/src/components/Placeholder/Placeholder.css +50 -0
- package/src/components/Placeholder/Placeholder.tsx +70 -0
- package/src/components/Placeholder/Readme.md +104 -0
- package/src/components/PopoutRoot/PopoutRoot.css +36 -0
- package/src/components/PopoutRoot/PopoutRoot.tsx +72 -0
- package/src/components/PopoutRoot/Readme.md +50 -0
- package/src/components/PopoutWrapper/PopoutWrapper.css +109 -0
- package/src/components/PopoutWrapper/PopoutWrapper.tsx +77 -0
- package/src/components/PopoutWrapper/Readme.md +12 -0
- package/src/components/Popper/Popper.css +39 -0
- package/src/components/Popper/Popper.tsx +231 -0
- package/src/components/Popper/Readme.md +33 -0
- package/src/components/Progress/Progress.css +12 -0
- package/src/components/Progress/Progress.tsx +49 -0
- package/src/components/Progress/Readme.md +14 -0
- package/src/components/PromoBanner/PromoBanner.css +55 -0
- package/src/components/PromoBanner/PromoBanner.tsx +135 -0
- package/src/components/PromoBanner/Readme.md +25 -0
- package/src/components/PullToRefresh/PullToRefresh.css +98 -0
- package/src/components/PullToRefresh/PullToRefresh.tsx +353 -0
- package/src/components/PullToRefresh/PullToRefreshSpinner.tsx +78 -0
- package/src/components/PullToRefresh/Readme.md +71 -0
- package/src/components/Radio/Radio.css +187 -0
- package/src/components/Radio/Radio.tsx +82 -0
- package/src/components/Radio/Readme.md +29 -0
- package/src/components/RadioGroup/RadioGroup.css +12 -0
- package/src/components/RadioGroup/RadioGroup.tsx +29 -0
- package/src/components/RadioGroup/Readme.md +56 -0
- package/src/components/RangeSlider/RangeSlider.tsx +54 -0
- package/src/components/RangeSlider/Readme.md +32 -0
- package/src/components/RangeSlider/UniversalSlider.tsx +162 -0
- package/src/components/Removable/Removable.css +125 -0
- package/src/components/Removable/Removable.tsx +176 -0
- package/src/components/RichCell/Readme.md +65 -0
- package/src/components/RichCell/RichCell.css +115 -0
- package/src/components/RichCell/RichCell.tsx +104 -0
- package/src/components/RichTooltip/Readme.md +59 -0
- package/src/components/RichTooltip/RichTooltip.css +10 -0
- package/src/components/RichTooltip/RichTooltip.tsx +32 -0
- package/src/components/Root/Readme.md +36 -0
- package/src/components/Root/Root.css +184 -0
- package/src/components/Root/Root.tsx +209 -0
- package/src/components/ScreenSpinner/Readme.md +43 -0
- package/src/components/ScreenSpinner/ScreenSpinner.css +31 -0
- package/src/components/ScreenSpinner/ScreenSpinner.tsx +37 -0
- package/src/components/Search/Readme.md +235 -0
- package/src/components/Search/Search.css +359 -0
- package/src/components/Search/Search.tsx +196 -0
- package/src/components/SegmentedControl/Readme.md +94 -0
- package/src/components/SegmentedControl/SegmentedControl.css +42 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +105 -0
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +30 -0
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx +42 -0
- package/src/components/Select/Readme.md +27 -0
- package/src/components/Select/Select.css +64 -0
- package/src/components/Select/Select.tsx +39 -0
- package/src/components/SelectMimicry/Readme.md +87 -0
- package/src/components/SelectMimicry/SelectMimicry.css +10 -0
- package/src/components/SelectMimicry/SelectMimicry.tsx +94 -0
- package/src/components/Separator/Readme.md +23 -0
- package/src/components/Separator/Separator.css +48 -0
- package/src/components/Separator/Separator.tsx +40 -0
- package/src/components/SimpleCell/Readme.md +136 -0
- package/src/components/SimpleCell/SimpleCell.css +258 -0
- package/src/components/SimpleCell/SimpleCell.tsx +132 -0
- package/src/components/SimpleCheckbox/Readme.md +25 -0
- package/src/components/SimpleCheckbox/SimpleCheckbox.css +129 -0
- package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +143 -0
- package/src/components/Slider/Readme.md +83 -0
- package/src/components/Slider/Slider.css +145 -0
- package/src/components/Slider/Slider.tsx +54 -0
- package/src/components/SliderSwitch/Readme.md +27 -0
- package/src/components/SliderSwitch/SliderSwitch.css +87 -0
- package/src/components/SliderSwitch/SliderSwitch.tsx +209 -0
- package/src/components/SliderSwitch/SliderSwitchButton.tsx +53 -0
- package/src/components/Snackbar/Readme.md +145 -0
- package/src/components/Snackbar/Snackbar.css +159 -0
- package/src/components/Snackbar/Snackbar.tsx +254 -0
- package/src/components/Spacing/Readme.md +98 -0
- package/src/components/Spacing/Spacing.css +46 -0
- package/src/components/Spacing/Spacing.tsx +53 -0
- package/src/components/Spinner/Readme.md +11 -0
- package/src/components/Spinner/Spinner.css +33 -0
- package/src/components/Spinner/Spinner.tsx +53 -0
- package/src/components/SplitCol/Readme.md +1 -0
- package/src/components/SplitCol/SplitCol.css +28 -0
- package/src/components/SplitCol/SplitCol.tsx +75 -0
- package/src/components/SplitLayout/Readme.md +154 -0
- package/src/components/SplitLayout/SplitLayout.css +52 -0
- package/src/components/SplitLayout/SplitLayout.tsx +54 -0
- package/src/components/SubnavigationBar/Readme.md +264 -0
- package/src/components/SubnavigationBar/SubnavigationBar.css +32 -0
- package/src/components/SubnavigationBar/SubnavigationBar.tsx +66 -0
- package/src/components/SubnavigationButton/Readme.md +128 -0
- package/src/components/SubnavigationButton/SubnavigationButton.css +103 -0
- package/src/components/SubnavigationButton/SubnavigationButton.tsx +99 -0
- package/src/components/Switch/Readme.md +57 -0
- package/src/components/Switch/Switch.css +198 -0
- package/src/components/Switch/Switch.tsx +56 -0
- package/src/components/Tabbar/Readme.md +7 -0
- package/src/components/Tabbar/Tabbar.css +53 -0
- package/src/components/Tabbar/Tabbar.tsx +50 -0
- package/src/components/TabbarItem/Readme.md +102 -0
- package/src/components/TabbarItem/TabbarItem.css +127 -0
- package/src/components/TabbarItem/TabbarItem.tsx +94 -0
- package/src/components/Tabs/Readme.md +274 -0
- package/src/components/Tabs/Tabs.css +102 -0
- package/src/components/Tabs/Tabs.tsx +57 -0
- package/src/components/TabsItem/Readme.md +0 -0
- package/src/components/TabsItem/TabsItem.css +178 -0
- package/src/components/TabsItem/TabsItem.tsx +62 -0
- package/src/components/Tappable/Tappable.css +141 -0
- package/src/components/Tappable/Tappable.tsx +349 -0
- package/src/components/TextTooltip/Readme.md +11 -0
- package/src/components/TextTooltip/TextTooltip.css +18 -0
- package/src/components/TextTooltip/TextTooltip.tsx +58 -0
- package/src/components/Textarea/Readme.md +24 -0
- package/src/components/Textarea/Textarea.css +39 -0
- package/src/components/Textarea/Textarea.tsx +80 -0
- package/src/components/Tooltip/Readme.md +263 -0
- package/src/components/Tooltip/Tooltip.css +73 -0
- package/src/components/Tooltip/Tooltip.tsx +314 -0
- package/src/components/Tooltip/TooltipContainer.tsx +10 -0
- package/src/components/Touch/Readme.md +116 -0
- package/src/components/Touch/Touch.tsx +285 -0
- package/src/components/Touch/TouchContext.ts +11 -0
- package/src/components/Typography/Caption/Caption.css +97 -0
- package/src/components/Typography/Caption/Caption.tsx +53 -0
- package/src/components/Typography/Caption/Readme.md +29 -0
- package/src/components/Typography/Headline/Headline.css +25 -0
- package/src/components/Typography/Headline/Headline.tsx +36 -0
- package/src/components/Typography/Headline/Readme.md +24 -0
- package/src/components/Typography/Subhead/Readme.md +21 -0
- package/src/components/Typography/Subhead/Subhead.css +43 -0
- package/src/components/Typography/Subhead/Subhead.tsx +54 -0
- package/src/components/Typography/Text/Readme.md +22 -0
- package/src/components/Typography/Text/Text.css +25 -0
- package/src/components/Typography/Text/Text.tsx +49 -0
- package/src/components/Typography/Title/Readme.md +31 -0
- package/src/components/Typography/Title/Title.css +59 -0
- package/src/components/Typography/Title/Title.tsx +64 -0
- package/src/components/UsersStack/Readme.md +94 -0
- package/src/components/UsersStack/UsersStack.css +99 -0
- package/src/components/UsersStack/UsersStack.tsx +102 -0
- package/src/components/UsersStack/masks.tsx +46 -0
- package/src/components/View/Readme.md +98 -0
- package/src/components/View/View.css +125 -0
- package/src/components/View/View.tsx +673 -0
- package/src/components/View/ViewIOS.css +155 -0
- package/src/components/View/ViewInfinite.tsx +731 -0
- package/src/components/View/utils.ts +9 -0
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css +9 -0
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +25 -0
- package/src/components/WriteBar/Readme.md +224 -0
- package/src/components/WriteBar/WriteBar.css +106 -0
- package/src/components/WriteBar/WriteBar.tsx +137 -0
- package/src/components/WriteBarIcon/Readme.md +11 -0
- package/src/components/WriteBarIcon/WriteBarIcon.css +75 -0
- package/src/components/WriteBarIcon/WriteBarIcon.tsx +104 -0
- package/src/fonts/VK_Sans_Display_Medium.woff +0 -0
- package/src/fonts/VK_Sans_Display_Medium.woff2 +0 -0
- package/src/fonts/fonts.css +7 -0
- package/src/helpers/avatar.ts +10 -0
- package/src/helpers/getClassName.ts +8 -0
- package/src/helpers/getScheme.ts +27 -0
- package/src/helpers/math.ts +40 -0
- package/src/helpers/scheme.ts +86 -0
- package/src/helpers/typography.ts +24 -0
- package/src/hoc/withAdaptivity.tsx +86 -0
- package/src/hoc/withContext.tsx +14 -0
- package/src/hoc/withInsets.tsx +12 -0
- package/src/hoc/withPlatform.tsx +17 -0
- package/src/hooks/useAdaptivity.ts +12 -0
- package/src/hooks/useAppearance.ts +4 -0
- package/src/hooks/useBooleanState.ts +19 -0
- package/src/hooks/useBrowserInfo.ts +11 -0
- package/src/hooks/useCalendar.ts +78 -0
- package/src/hooks/useDateInput.ts +213 -0
- package/src/hooks/useEffectDev.ts +5 -0
- package/src/hooks/useEnsuredControl.ts +17 -0
- package/src/hooks/useEventListener.ts +62 -0
- package/src/hooks/useExternRef.ts +26 -0
- package/src/hooks/useFocusVisible.ts +31 -0
- package/src/hooks/useGlobalEventListener.ts +35 -0
- package/src/hooks/useInsets.ts +69 -0
- package/src/hooks/useKeyboard.ts +75 -0
- package/src/hooks/useKeyboardInputTracker.ts +64 -0
- package/src/hooks/useObjectMemo.ts +16 -0
- package/src/hooks/useOrientationChange.ts +39 -0
- package/src/hooks/usePagination.ts +96 -0
- package/src/hooks/usePatchChildrenRef.ts +39 -0
- package/src/hooks/usePlatform.ts +10 -0
- package/src/hooks/useTimeout.ts +33 -0
- package/src/hooks/useWaitTransitionFinish.ts +28 -0
- package/src/index.ts +334 -0
- package/src/lib/SSR.tsx +45 -0
- package/src/lib/accessibility.ts +87 -0
- package/src/lib/animate.ts +47 -0
- package/src/lib/browser.ts +44 -0
- package/src/lib/calendar.ts +123 -0
- package/src/lib/callMultiple.ts +4 -0
- package/src/lib/classNames.ts +44 -0
- package/src/lib/classScopingMode.ts +21 -0
- package/src/lib/dom.tsx +45 -0
- package/src/lib/fx.ts +7 -0
- package/src/lib/getNavId.ts +13 -0
- package/src/lib/is.ts +10 -0
- package/src/lib/isRefObject.ts +11 -0
- package/src/lib/jsxRuntime.d.ts +6 -0
- package/src/lib/jsxRuntime.ts +43 -0
- package/src/lib/offset.ts +17 -0
- package/src/lib/platform.ts +36 -0
- package/src/lib/polyfills.ts +96 -0
- package/src/lib/prefixClass.ts +34 -0
- package/src/lib/removeObjectKeys.ts +10 -0
- package/src/lib/select.ts +54 -0
- package/src/lib/styles.ts +12 -0
- package/src/lib/supportEvents.ts +38 -0
- package/src/lib/taptic.ts +9 -0
- package/src/lib/testing.ts +4 -0
- package/src/lib/touch.ts +59 -0
- package/src/lib/useIsomorphicLayoutEffect.ts +7 -0
- package/src/lib/utils.ts +99 -0
- package/src/lib/warnOnce.ts +9 -0
- package/src/styles/animations.css +19 -0
- package/src/styles/bright_light.css +244 -0
- package/src/styles/common.css +39 -0
- package/src/styles/components.css +152 -0
- package/src/styles/constants.css +72 -0
- package/src/styles/space_gray.css +243 -0
- package/src/styles/themes.css +10 -0
- package/src/styles/unstable.css +6 -0
- package/src/styles/vkcom_dark.css +249 -0
- package/src/styles/vkcom_light.css +254 -0
- package/src/testing/setup.ts +1 -0
- package/src/testing/utils.tsx +192 -0
- package/src/tokenized/index.ts +39 -0
- package/src/types.ts +43 -0
- package/src/unstable/index.ts +23 -0
- package/src/vkui.js +1 -0
- package/stylelint.config.js +46 -0
- package/tasks/generate_scheme.js +13 -0
- package/tasks/postcss-check-keyframes.js +36 -0
- package/tasks/postcss-scope-root.js +9 -0
- package/tasks/styleint-atomic.js +57 -0
- package/tokenized/index.d.ts +1 -0
- package/tokenized/package.json +4 -0
- package/tsconfig.dist.json +16 -0
- package/tsconfig.json +38 -0
- package/types/global.d.ts +7 -0
- package/unstable/index.d.ts +1 -0
- package/unstable/package.json +4 -0
- package/webpack.config.js +86 -0
- package/webpack.styles.config.js +67 -0
- package/dist/components.js.tmp +0 -24
- package/dist/default_scheme.js.tmp +0 -24
- package/dist/fonts.js.tmp +0 -24
- package/dist/stable.js.tmp +0 -166
- package/dist/unstable.js.tmp +0 -24
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasPlatform } from "../../types";
|
|
3
|
+
import { AdaptivityContextInterface, AdaptivityProps } from "../AdaptivityProvider/AdaptivityContext";
|
|
4
|
+
import "./Snackbar.css";
|
|
5
|
+
export interface SnackbarProps extends React.HTMLAttributes<HTMLElement>, HasPlatform, AdaptivityProps {
|
|
6
|
+
/**
|
|
7
|
+
* Название кнопки действия в уведомлении
|
|
8
|
+
*/
|
|
9
|
+
action?: string | React.ComponentType;
|
|
10
|
+
/**
|
|
11
|
+
* Будет вызвано при клике на кнопку действия
|
|
12
|
+
*/
|
|
13
|
+
onActionClick?: (e: React.MouseEvent) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Цветная иконка 24x24 пикселя
|
|
16
|
+
*/
|
|
17
|
+
before?: React.ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Контент в правой части, может быть `<Avatar size={32} />`
|
|
20
|
+
*/
|
|
21
|
+
after?: React.ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Варианты расположения кнопки
|
|
24
|
+
*/
|
|
25
|
+
layout?: "vertical" | "horizontal";
|
|
26
|
+
/**
|
|
27
|
+
* Время в миллисекундах, через которое плашка скроется
|
|
28
|
+
*/
|
|
29
|
+
duration?: number;
|
|
30
|
+
/**
|
|
31
|
+
* Обработчик закрытия уведомления
|
|
32
|
+
*/
|
|
33
|
+
onClose: () => void;
|
|
34
|
+
}
|
|
35
|
+
export declare const Snackbar: React.FC<Pick<SnackbarProps & AdaptivityContextInterface, "style" | "placeholder" | "title" | "hidden" | "role" | "before" | "after" | "security" | "dir" | "slot" | "duration" | "color" | "layout" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "action" | "platform" | "onClose" | "onActionClick"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./Spacing.css";
|
|
3
|
+
export interface SpacingProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Высота спэйсинга
|
|
6
|
+
*/
|
|
7
|
+
size?: number;
|
|
8
|
+
/**
|
|
9
|
+
* Настройка положения сепаратора:
|
|
10
|
+
*
|
|
11
|
+
* - separator=false (default) - без сепаратора
|
|
12
|
+
* - separator=true | separator='center' - сепаратор располагается по середине
|
|
13
|
+
* - separator='top'
|
|
14
|
+
* - separator='bottom'
|
|
15
|
+
*/
|
|
16
|
+
separator?: boolean | "top" | "bottom" | "center";
|
|
17
|
+
}
|
|
18
|
+
export declare const Spacing: React.FC<SpacingProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./Spinner.css";
|
|
3
|
+
export interface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
4
|
+
size?: "small" | "regular" | "large" | "medium";
|
|
5
|
+
}
|
|
6
|
+
declare const _default: React.NamedExoticComponent<SpinnerProps>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./SplitCol.css";
|
|
3
|
+
export interface SplitColContextProps {
|
|
4
|
+
colRef: React.RefObject<HTMLDivElement> | null;
|
|
5
|
+
animate: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const SplitColContext: React.Context<SplitColContextProps>;
|
|
8
|
+
export interface SplitColProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
width?: number | string;
|
|
10
|
+
maxWidth?: number | string;
|
|
11
|
+
minWidth?: number | string;
|
|
12
|
+
/**
|
|
13
|
+
* Если false, то переходы между Panel происходят без анимации
|
|
14
|
+
*/
|
|
15
|
+
animate?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Если true, то добавляются боковые отступы фиксированной величины
|
|
18
|
+
*/
|
|
19
|
+
spaced?: boolean;
|
|
20
|
+
fixed?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export declare const SplitCol: React.FC<SplitColProps>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRef, HasRootRef } from "../../types";
|
|
3
|
+
import "./SplitLayout.css";
|
|
4
|
+
export interface SplitLayoutProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLDivElement> {
|
|
5
|
+
/**
|
|
6
|
+
* Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.
|
|
7
|
+
*/
|
|
8
|
+
popout?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Свойство для отрисовки `ModalRoot`.
|
|
11
|
+
*/
|
|
12
|
+
modal?: React.ReactNode;
|
|
13
|
+
header?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export declare const SplitLayout: React.FC<SplitLayoutProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
|
|
3
|
+
import "./SubnavigationBar.css";
|
|
4
|
+
export interface SubnavigationBarProps extends React.HTMLAttributes<HTMLDivElement>, Pick<HorizontalScrollProps, "showArrows" | "getScrollToLeft" | "getScrollToRight" | "scrollAnimationDuration"> {
|
|
5
|
+
mode?: "fixed" | "overflow";
|
|
6
|
+
}
|
|
7
|
+
export declare const SubnavigationBar: React.FC<SubnavigationBarProps>;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TappableProps } from "../Tappable/Tappable";
|
|
3
|
+
import "./SubnavigationButton.css";
|
|
4
|
+
export interface SubnavigationButtonProps extends Omit<TappableProps, "size"> {
|
|
5
|
+
size?: "m" | "l";
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Размер шрифта. Этим свойством рекомендуется пользоваться, чтобы отрегулировать размер шрифта у кнопок в `<SubnavigationBar mode="fixed" />`
|
|
9
|
+
*/
|
|
10
|
+
textLevel?: 1 | 2 | 3;
|
|
11
|
+
/**
|
|
12
|
+
* Рекомендуется использовать только иконки с размером 24
|
|
13
|
+
*/
|
|
14
|
+
before?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* Рекомендуется использовать только `<Counter size="s" />` или `<Badge />`
|
|
17
|
+
*/
|
|
18
|
+
after?: React.ReactNode;
|
|
19
|
+
expandable?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export declare const SubnavigationButton: React.FC<SubnavigationButtonProps>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRootRef } from "../../types";
|
|
3
|
+
import { VisuallyHiddenInputProps } from "../VisuallyHiddenInput/VisuallyHiddenInput";
|
|
4
|
+
import "./Switch.css";
|
|
5
|
+
export interface SwitchProps extends VisuallyHiddenInputProps, HasRootRef<HTMLLabelElement> {
|
|
6
|
+
}
|
|
7
|
+
export declare const Switch: React.FC<SwitchProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./Tabbar.css";
|
|
3
|
+
export interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Флаг для показа/скрытия верхней тени (Android) или границы (iOS)
|
|
6
|
+
*/
|
|
7
|
+
shadow?: boolean;
|
|
8
|
+
itemsLayout?: "vertical" | "horizontal" | "auto";
|
|
9
|
+
}
|
|
10
|
+
declare const Tabbar: React.FunctionComponent<TabbarProps>;
|
|
11
|
+
export default Tabbar;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent, HasRootRef } from "../../types";
|
|
3
|
+
import "./TabbarItem.css";
|
|
4
|
+
export interface TabbarItemProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "label">, // TODO убрать Omit после удаления свойства label
|
|
5
|
+
HasRootRef<HTMLElement>, HasComponent {
|
|
6
|
+
selected?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Тест рядом с иконкой
|
|
9
|
+
*/
|
|
10
|
+
text?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Индикатор над иконкой. Принимает `<Badge mode="prominent" />` или `<Counter size="s" mode="prominent" />`
|
|
13
|
+
*/
|
|
14
|
+
indicator?: React.ReactNode;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated будет удалено в 5.0.0. Используйте `indicator`
|
|
17
|
+
*/
|
|
18
|
+
label?: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare const TabbarItem: React.FunctionComponent<TabbarItemProps>;
|
|
21
|
+
export default TabbarItem;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRootRef } from "../../types";
|
|
3
|
+
import { AdaptivityProps } from "../../hoc/withAdaptivity";
|
|
4
|
+
import "./Tabs.css";
|
|
5
|
+
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement>, AdaptivityProps {
|
|
6
|
+
mode?: "default" | "buttons" | "segmented";
|
|
7
|
+
}
|
|
8
|
+
export declare const TabsModeContext: React.Context<"default" | "buttons" | "segmented" | undefined>;
|
|
9
|
+
declare const _default: React.FC<Pick<TabsProps, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "slot" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "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" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "getRootRef"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./TabsItem.css";
|
|
3
|
+
export interface TabsItemProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
|
+
after?: React.ReactNode;
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const TabsItem: React.FC<TabsItemProps>;
|
|
8
|
+
export default TabsItem;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { TouchProps } from "../Touch/Touch";
|
|
3
|
+
import { HasComponent, HasRootRef } from "../../types";
|
|
4
|
+
import { AdaptivityProps } from "../../hoc/withAdaptivity";
|
|
5
|
+
import { FocusVisibleMode } from "../FocusVisible/FocusVisible";
|
|
6
|
+
import "./Tappable.css";
|
|
7
|
+
export interface TappableProps extends Omit<React.AllHTMLAttributes<HTMLElement>, "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onMouseLeave">, HasRootRef<HTMLElement>, AdaptivityProps, HasComponent, Pick<TouchProps, "onStart" | "onEnd" | "onMove"> {
|
|
8
|
+
/**
|
|
9
|
+
* Длительность показа active-состояния
|
|
10
|
+
*/
|
|
11
|
+
activeEffectDelay?: number;
|
|
12
|
+
stopPropagation?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Указывает, должен ли компонент реагировать на hover-состояние
|
|
15
|
+
*/
|
|
16
|
+
hasHover?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Указывает, должен ли компонент реагировать на active-состояние
|
|
19
|
+
*/
|
|
20
|
+
hasActive?: boolean;
|
|
21
|
+
/**
|
|
22
|
+
* Стиль подсветки active-состояния. Если передать произвольную строку, она добавится как css-класс во время active
|
|
23
|
+
*/
|
|
24
|
+
activeMode?: "opacity" | "background" | string;
|
|
25
|
+
/**
|
|
26
|
+
* Стиль подсветки hover-состояния. Если передать произвольную строку, она добавится как css-класс во время hover
|
|
27
|
+
*/
|
|
28
|
+
hoverMode?: "opacity" | "background" | string;
|
|
29
|
+
/**
|
|
30
|
+
* Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс во время focus-visible
|
|
31
|
+
*/
|
|
32
|
+
focusVisibleMode?: FocusVisibleMode | string;
|
|
33
|
+
onEnter?: (outputEvent: MouseEvent) => void;
|
|
34
|
+
onLeave?: (outputEvent: MouseEvent) => void;
|
|
35
|
+
}
|
|
36
|
+
export interface RootComponentProps extends TouchProps {
|
|
37
|
+
ref?: React.Ref<HTMLElement>;
|
|
38
|
+
}
|
|
39
|
+
export declare const ACTIVE_DELAY = 70;
|
|
40
|
+
export declare const ACTIVE_EFFECT_DELAY = 600;
|
|
41
|
+
declare const _default: React.FC<Pick<TappableProps, "style" | "placeholder" | "label" | "title" | "disabled" | "hidden" | "required" | "checked" | "selected" | "controls" | "role" | "default" | "open" | "security" | "preload" | "download" | "max" | "dir" | "cite" | "data" | "form" | "slot" | "span" | "summary" | "wrap" | "headers" | "name" | "start" | "color" | "content" | "size" | "multiple" | "height" | "translate" | "width" | "prefix" | "src" | "pattern" | "children" | "className" | "id" | "lang" | "media" | "method" | "min" | "target" | "type" | "tabIndex" | "crossOrigin" | "href" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "nonce" | "scoped" | "htmlFor" | "async" | "charSet" | "defer" | "integrity" | "as" | "hrefLang" | "rel" | "sizes" | "cellPadding" | "cellSpacing" | "alt" | "coords" | "shape" | "autoPlay" | "loop" | "mediaGroup" | "muted" | "playsInline" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "maxLength" | "minLength" | "readOnly" | "step" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "colSpan" | "rowSpan" | "scope" | "cols" | "rows" | "kind" | "srcLang" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
42
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HoverPopperProps } from "../HoverPopper/HoverPopper";
|
|
3
|
+
import "./TextTooltip.css";
|
|
4
|
+
export interface TextTooltipProps extends Omit<HoverPopperProps, "arrow" | "arrowClassName" | "content"> {
|
|
5
|
+
/**
|
|
6
|
+
* Текст тултипа
|
|
7
|
+
*/
|
|
8
|
+
text?: React.ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Заголовок тултипа
|
|
11
|
+
*/
|
|
12
|
+
header?: React.ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare const TextTooltip: React.FC<TextTooltipProps>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRef, HasRootRef } from "../../types";
|
|
3
|
+
import { AdaptivityProps } from "../../hoc/withAdaptivity";
|
|
4
|
+
import "./Textarea.css";
|
|
5
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRef<HTMLTextAreaElement>, HasRootRef<HTMLElement>, AdaptivityProps {
|
|
6
|
+
grow?: boolean;
|
|
7
|
+
onResize?(el: HTMLTextAreaElement): void;
|
|
8
|
+
defaultValue?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const _default: React.FC<Pick<TextareaProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "required" | "role" | "security" | "dir" | "form" | "slot" | "wrap" | "name" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "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" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "autoFocus" | "value" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "cols" | "dirName" | "rows" | "getRootRef" | "getRef" | "grow" | "onResize"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./Tooltip.css";
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
/**
|
|
5
|
+
* **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает
|
|
6
|
+
* свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,
|
|
7
|
+
* иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactElement;
|
|
10
|
+
mode?: "accent" | "light";
|
|
11
|
+
/**
|
|
12
|
+
* Если передан `false`, то рисуется просто `children`.
|
|
13
|
+
*/
|
|
14
|
+
isShown?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Текст тултипа.
|
|
17
|
+
*/
|
|
18
|
+
text?: React.ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Заголовок тултипа.
|
|
21
|
+
*/
|
|
22
|
+
header?: React.ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Положение по горизонтали (прижатие к левому или правому краю `children`).
|
|
25
|
+
* Если не задано, позиция по горизонтали определятся автоматически
|
|
26
|
+
*/
|
|
27
|
+
alignX?: "center" | "left" | "right";
|
|
28
|
+
/**
|
|
29
|
+
* Положение по вертикали (расположение над или под `children`).
|
|
30
|
+
* Если не задано, позиция по вертикали определятся автоматически
|
|
31
|
+
*/
|
|
32
|
+
alignY?: "top" | "bottom";
|
|
33
|
+
/**
|
|
34
|
+
* Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).
|
|
35
|
+
*/
|
|
36
|
+
offsetX?: number;
|
|
37
|
+
/**
|
|
38
|
+
* Сдвиг по вертикали (относительно портала, в котором рисуется тултип).
|
|
39
|
+
*/
|
|
40
|
+
offsetY?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Сдвиг стрелочки относительно центра дочернего элемента.
|
|
43
|
+
*/
|
|
44
|
+
cornerOffset?: number;
|
|
45
|
+
/**
|
|
46
|
+
* Сдвиг стрелочки относительно ширины тултипа
|
|
47
|
+
*/
|
|
48
|
+
cornerAbsoluteOffset?: number;
|
|
49
|
+
/**
|
|
50
|
+
* Callback, который вызывается при клике по любому месту в пределах экрана.
|
|
51
|
+
*/
|
|
52
|
+
onClose?: () => void;
|
|
53
|
+
}
|
|
54
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
55
|
+
export default Tooltip;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
export declare const tooltipContainerAttr = "data-tooltip-container";
|
|
3
|
+
export declare const TooltipContainer: React.ForwardRefExoticComponent<React.HtmlHTMLAttributes<HTMLDivElement> & {
|
|
4
|
+
fixed?: boolean | undefined;
|
|
5
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { VKUITouchEvent } from "../../lib/touch";
|
|
3
|
+
import { HasComponent, HasRootRef } from "../../types";
|
|
4
|
+
export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
|
|
7
|
+
*/
|
|
8
|
+
usePointerHover?: boolean;
|
|
9
|
+
useCapture?: boolean;
|
|
10
|
+
slideThreshold?: number;
|
|
11
|
+
noSlideClick?: boolean;
|
|
12
|
+
onEnter?: HoverHandler;
|
|
13
|
+
onLeave?: HoverHandler;
|
|
14
|
+
onStart?: TouchEventHandler;
|
|
15
|
+
onStartX?: TouchEventHandler;
|
|
16
|
+
onStartY?: TouchEventHandler;
|
|
17
|
+
onMove?: TouchEventHandler;
|
|
18
|
+
onMoveX?: TouchEventHandler;
|
|
19
|
+
onMoveY?: TouchEventHandler;
|
|
20
|
+
onEnd?: TouchEventHandler;
|
|
21
|
+
onEndX?: TouchEventHandler;
|
|
22
|
+
onEndY?: TouchEventHandler;
|
|
23
|
+
stopPropagation?: boolean;
|
|
24
|
+
}
|
|
25
|
+
export interface Gesture {
|
|
26
|
+
startX: number;
|
|
27
|
+
startY: number;
|
|
28
|
+
startT: Date;
|
|
29
|
+
duration: number;
|
|
30
|
+
isPressed: boolean;
|
|
31
|
+
isY: boolean;
|
|
32
|
+
isX: boolean;
|
|
33
|
+
isSlideX: boolean;
|
|
34
|
+
isSlideY: boolean;
|
|
35
|
+
isSlide: boolean;
|
|
36
|
+
shiftX: number;
|
|
37
|
+
shiftY: number;
|
|
38
|
+
shiftXAbs: number;
|
|
39
|
+
shiftYAbs: number;
|
|
40
|
+
}
|
|
41
|
+
export interface TouchEvent extends Gesture {
|
|
42
|
+
originalEvent: VKUITouchEvent;
|
|
43
|
+
}
|
|
44
|
+
declare type HoverHandler = (outputEvent: MouseEvent) => void;
|
|
45
|
+
export declare type TouchEventHandler = (e: TouchEvent) => void;
|
|
46
|
+
export declare type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;
|
|
47
|
+
export declare type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
|
|
48
|
+
export declare const Touch: React.FC<TouchProps>;
|
|
49
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Контекст для компонентов, использующих Touch в качестве корневой обёртки,
|
|
4
|
+
* и для которых важно не предотвращать вспылие тач-событий от дочерних компонентов
|
|
5
|
+
*/
|
|
6
|
+
declare const TouchRootContext: React.Context<boolean>;
|
|
7
|
+
export default TouchRootContext;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent } from "../../../types";
|
|
3
|
+
import "./Caption.css";
|
|
4
|
+
export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Задаёт начертание шрифта отличное от стандартного.
|
|
7
|
+
*
|
|
8
|
+
* > ⚠️ Начертания `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
|
|
9
|
+
*/
|
|
10
|
+
weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
|
|
11
|
+
level?: "1" | "2" | "3" | "4";
|
|
12
|
+
caps?: boolean;
|
|
13
|
+
}
|
|
14
|
+
export declare const Caption: React.FC<CaptionProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent } from "../../../types";
|
|
3
|
+
import "./Headline.css";
|
|
4
|
+
export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
+
weight: "regular" | "medium" | "semibold";
|
|
6
|
+
}
|
|
7
|
+
declare const Headline: React.FC<HeadlineProps>;
|
|
8
|
+
export default Headline;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent } from "../../../types";
|
|
3
|
+
import "./Subhead.css";
|
|
4
|
+
export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Задаёт начертание шрифта отличное от стандартного.
|
|
7
|
+
*
|
|
8
|
+
* > ⚠️ Начертания `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
|
|
9
|
+
*/
|
|
10
|
+
weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
|
|
11
|
+
}
|
|
12
|
+
declare const Subhead: React.FC<SubheadProps>;
|
|
13
|
+
export default Subhead;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent, HasRootRef } from "../../../types";
|
|
3
|
+
import "./Text.css";
|
|
4
|
+
export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
|
|
5
|
+
weight: "regular" | "medium" | "semibold";
|
|
6
|
+
}
|
|
7
|
+
declare const Text: React.FC<TextProps>;
|
|
8
|
+
export default Text;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasComponent } from "../../../types";
|
|
3
|
+
import "./Title.css";
|
|
4
|
+
export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
+
/**
|
|
6
|
+
* Задаёт начертание шрифта отличное от стандартного.
|
|
7
|
+
*
|
|
8
|
+
* > ⚠️ Начертания `"heavy"`, `"bold"`, `"semibold"`, `medium` и `"regular"` устарели и будут удалены в 5.0.0. Используйте значения `"1"`, `"2"` и `"3"`.
|
|
9
|
+
*/
|
|
10
|
+
weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
|
|
11
|
+
level: "1" | "2" | "3";
|
|
12
|
+
}
|
|
13
|
+
declare const Title: React.FC<TitleProps>;
|
|
14
|
+
export default Title;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import "./UsersStack.css";
|
|
3
|
+
export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
/**
|
|
5
|
+
* Массив ссылок на фотографии
|
|
6
|
+
*/
|
|
7
|
+
photos?: string[];
|
|
8
|
+
/**
|
|
9
|
+
* Размер аватарок
|
|
10
|
+
*/
|
|
11
|
+
size?: "xs" | "s" | "m";
|
|
12
|
+
/**
|
|
13
|
+
* Вертикальный режим рекомендуется использовать с размером `m`
|
|
14
|
+
*/
|
|
15
|
+
layout?: "vertical" | "horizontal";
|
|
16
|
+
/**
|
|
17
|
+
* Количество аватарок, которые будут показаны.
|
|
18
|
+
* Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов
|
|
19
|
+
*/
|
|
20
|
+
visibleCount?: number;
|
|
21
|
+
}
|
|
22
|
+
declare const _default: React.NamedExoticComponent<UsersStackProps>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function createMasks(document?: Document): void;
|