@vkontakte/vkui 4.24.0 → 4.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.cache/.eslintcache +1 -1
- package/.cache/.stylelintcache +1 -1
- package/.cache/.tsbuildinfo +1054 -490
- package/.cache/ts/src/components/ActionSheet/ActionSheetContext.d.ts +6 -5
- package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +2 -2
- package/.cache/ts/src/components/AdaptivityProvider/AdaptivityContext.d.ts +4 -4
- package/.cache/ts/src/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -5
- package/.cache/ts/src/components/Alert/Alert.d.ts +5 -21
- package/.cache/ts/src/components/AppRoot/AppRoot.d.ts +1 -2
- package/.cache/ts/src/components/AppRoot/AppRootContext.d.ts +1 -1
- package/.cache/ts/src/components/AppRoot/ScrollContext.d.ts +1 -1
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProvider.d.ts +6 -0
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +8 -0
- package/.cache/ts/src/components/Avatar/Avatar.d.ts +1 -1
- package/.cache/ts/src/components/Button/Button.d.ts +1 -1
- package/.cache/ts/src/components/CardGrid/CardGrid.d.ts +1 -1
- package/.cache/ts/src/components/CardScroll/CardScroll.d.ts +9 -2
- package/.cache/ts/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/.cache/ts/src/components/ChipsInput/ChipsInput.d.ts +1 -4
- package/.cache/ts/src/components/ChipsInput/useChipsInput.d.ts +3 -3
- package/.cache/ts/src/components/ChipsSelect/ChipsSelect.d.ts +2 -5
- package/.cache/ts/src/components/ChipsSelect/useChipsSelect.d.ts +8 -8
- package/.cache/ts/src/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +3 -1
- package/.cache/ts/src/components/ConfigProvider/ConfigProviderContext.d.ts +2 -29
- package/.cache/ts/src/components/CustomScrollView/CustomScrollView.d.ts +1 -1
- package/.cache/ts/src/components/CustomSelect/CustomSelect.d.ts +1 -65
- package/.cache/ts/src/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
- package/.cache/ts/src/components/DatePicker/DatePicker.d.ts +1 -1
- package/.cache/ts/src/components/Dropdown/Dropdown.d.ts +2 -43
- package/.cache/ts/src/components/Epic/Epic.d.ts +3 -3
- package/.cache/ts/src/components/Epic/ScrollSaver.d.ts +0 -1
- package/.cache/ts/src/components/FormLayout/FormLayout.d.ts +1 -1
- package/.cache/ts/src/components/Gallery/Gallery.d.ts +1 -1
- package/.cache/ts/src/components/Group/Group.d.ts +1 -1
- package/.cache/ts/src/components/HorizontalScroll/HorizontalScroll.d.ts +2 -2
- package/.cache/ts/src/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/.cache/ts/src/components/IconButton/IconButton.d.ts +1 -1
- package/.cache/ts/src/components/Input/Input.d.ts +1 -1
- package/.cache/ts/src/components/ModalCard/ModalCard.d.ts +2 -2
- package/.cache/ts/src/components/ModalCardBase/ModalCardBase.d.ts +2 -1
- package/.cache/ts/src/components/ModalPage/ModalPage.d.ts +2 -2
- package/.cache/ts/src/components/ModalPageHeader/ModalPageHeader.d.ts +2 -10
- package/.cache/ts/src/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/ModalRootAdaptive.d.ts +2 -2
- package/.cache/ts/src/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/types.d.ts +1 -1
- package/.cache/ts/src/components/ModalRoot/useModalManager.d.ts +9 -9
- package/.cache/ts/src/components/NativeSelect/NativeSelect.d.ts +2 -2
- package/.cache/ts/src/components/Panel/Panel.d.ts +2 -2
- package/.cache/ts/src/components/PanelHeader/PanelHeader.d.ts +1 -1
- package/.cache/ts/src/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/.cache/ts/src/components/PopoutRoot/PopoutRoot.d.ts +3 -3
- package/.cache/ts/src/components/Popper/Popper.d.ts +2 -2
- package/.cache/ts/src/components/PullToRefresh/PullToRefresh.d.ts +1 -1
- package/.cache/ts/src/components/Radio/Radio.d.ts +1 -1
- package/.cache/ts/src/components/RangeSlider/UniversalSlider.d.ts +1 -1
- package/.cache/ts/src/components/RichCell/RichCell.d.ts +1 -1
- package/.cache/ts/src/components/RichTooltip/RichTooltip.d.ts +2 -43
- package/.cache/ts/src/components/Search/Search.d.ts +1 -1
- package/.cache/ts/src/components/Select/Select.d.ts +2 -2
- package/.cache/ts/src/components/SelectMimicry/SelectMimicry.d.ts +1 -1
- package/.cache/ts/src/components/SimpleCell/SimpleCell.d.ts +1 -1
- package/.cache/ts/src/components/Slider/Slider.d.ts +1 -8
- package/.cache/ts/src/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/.cache/ts/src/components/Snackbar/Snackbar.d.ts +2 -2
- package/.cache/ts/src/components/SplitCol/SplitCol.d.ts +1 -1
- package/.cache/ts/src/components/Tabs/Tabs.d.ts +2 -2
- package/.cache/ts/src/components/Tappable/Tappable.d.ts +1 -1
- package/.cache/ts/src/components/TextTooltip/TextTooltip.d.ts +2 -37
- package/.cache/ts/src/components/Textarea/Textarea.d.ts +1 -1
- package/.cache/ts/src/components/Tooltip/TooltipContainer.d.ts +1 -1
- package/.cache/ts/src/components/UsersStack/masks.d.ts +1 -1
- package/.cache/ts/src/components/View/View.d.ts +9 -9
- package/.cache/ts/src/components/View/ViewInfinite.d.ts +11 -11
- package/.cache/ts/src/components/WriteBar/WriteBar.d.ts +1 -1
- package/.cache/ts/src/helpers/getScheme.d.ts +8 -0
- package/.cache/ts/src/helpers/scheme.d.ts +34 -0
- package/.cache/ts/src/hoc/withAdaptivity.d.ts +3 -2
- package/.cache/ts/src/hoc/withContext.d.ts +1 -1
- package/.cache/ts/src/hoc/withInsets.d.ts +3 -1
- package/.cache/ts/src/hoc/withPlatform.d.ts +3 -1
- package/.cache/ts/src/hooks/useAdaptivity.d.ts +2 -2
- package/.cache/ts/src/hooks/useAppearance.d.ts +1 -1
- package/.cache/ts/src/hooks/useEnsuredControl.d.ts +1 -1
- package/.cache/ts/src/hooks/useEventListener.d.ts +3 -3
- package/.cache/ts/src/hooks/useExternRef.d.ts +1 -1
- package/.cache/ts/src/hooks/useFocusVisible.d.ts +1 -1
- package/.cache/ts/src/hooks/useGlobalEventListener.d.ts +2 -2
- package/.cache/ts/src/hooks/useInsets.d.ts +7 -1
- package/.cache/ts/src/hooks/usePatchChildrenRef.d.ts +1 -1
- package/.cache/ts/src/hooks/usePlatform.d.ts +1 -1
- package/.cache/ts/src/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/.cache/ts/src/index.d.ts +6 -4
- package/.cache/ts/src/lib/SSR.d.ts +1 -1
- package/.cache/ts/src/lib/accessibility.d.ts +1 -1
- package/.cache/ts/src/lib/dom.d.ts +3 -3
- package/.cache/ts/src/lib/getNavId.d.ts +1 -1
- package/.cache/ts/src/lib/jsxRuntime.d.ts +7 -3
- package/.cache/ts/src/lib/offset.d.ts +5 -5
- package/.cache/ts/src/lib/platform.d.ts +1 -1
- package/.cache/ts/src/lib/prefixClass.d.ts +1 -1
- package/.cache/ts/src/lib/select.d.ts +2 -2
- package/.cache/ts/src/lib/styles.d.ts +1 -1
- package/.cache/ts/src/lib/supportEvents.d.ts +1 -1
- package/.cache/ts/src/lib/utils.d.ts +1 -1
- package/.cache/ts/src/testing/utils.d.ts +2 -2
- package/.cache/ts/src/tokenized/index.d.ts +2 -0
- package/.eslintrc.json +11 -5
- package/VKUI_TOKENS_MIGRATION_GUIDE.md +76 -0
- package/dist/{5c1a8c271e68390145da2b270f47c843.woff → 5c1a8c271e68390145da.woff} +0 -0
- package/dist/{7082adfe0b49e2f8da5bf38d29e318ac.woff2 → 7082adfe0b49e2f8da5b.woff2} +0 -0
- package/dist/cjs/components/ActionSheet/ActionSheet.js +4 -2
- package/dist/cjs/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetContext.d.ts +6 -5
- package/dist/cjs/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -3
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts +2 -2
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +7 -11
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.d.ts +4 -4
- package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js +4 -2
- package/dist/cjs/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -5
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js +10 -5
- package/dist/cjs/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.d.ts +5 -21
- package/dist/cjs/components/Alert/Alert.js +33 -22
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRoot.d.ts +1 -2
- package/dist/cjs/components/AppRoot/AppRoot.js +28 -18
- package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootContext.d.ts +1 -1
- package/dist/cjs/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.d.ts +1 -1
- package/dist/cjs/components/AppRoot/ScrollContext.js +6 -4
- package/dist/cjs/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.d.ts +6 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js +50 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts +8 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js +14 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -0
- package/dist/cjs/components/Avatar/Avatar.d.ts +1 -1
- package/dist/cjs/components/Avatar/Avatar.js +15 -16
- package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js +3 -2
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/Button/Button.d.ts +1 -1
- package/dist/cjs/components/Button/Button.js +3 -5
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +2 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.d.ts +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js +1 -1
- package/dist/cjs/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cjs/components/CardScroll/CardScroll.d.ts +9 -2
- package/dist/cjs/components/CardScroll/CardScroll.js +19 -5
- package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cjs/components/Cell/Cell.js +1 -1
- package/dist/cjs/components/Cell/Cell.js.map +1 -1
- package/dist/cjs/components/Cell/useDraggable.js +58 -47
- package/dist/cjs/components/Cell/useDraggable.js.map +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/cjs/components/Checkbox/Checkbox.js +2 -1
- package/dist/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +2 -1
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ChipsInput/ChipsInput.d.ts +1 -4
- package/dist/cjs/components/ChipsInput/ChipsInput.js +73 -64
- package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cjs/components/ChipsInput/useChipsInput.d.ts +3 -3
- package/dist/cjs/components/ChipsInput/useChipsInput.js +2 -2
- package/dist/cjs/components/ChipsInput/useChipsInput.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/ChipsSelect.d.ts +2 -5
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js +78 -67
- package/dist/cjs/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cjs/components/ChipsSelect/useChipsSelect.d.ts +8 -8
- package/dist/cjs/components/ChipsSelect/useChipsSelect.js +6 -3
- package/dist/cjs/components/ChipsSelect/useChipsSelect.js.map +1 -1
- package/dist/cjs/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/dist/cjs/components/ClickPopper/ClickPopper.js +7 -3
- package/dist/cjs/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +3 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js +55 -42
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts +2 -29
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js +1 -23
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cjs/components/ContentCard/ContentCard.js +10 -1
- package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cjs/components/Counter/Counter.js +1 -1
- package/dist/cjs/components/Counter/Counter.js.map +1 -1
- package/dist/cjs/components/CustomScrollView/CustomScrollView.d.ts +1 -1
- package/dist/cjs/components/CustomScrollView/CustomScrollView.js +24 -9
- package/dist/cjs/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cjs/components/CustomSelect/CustomSelect.d.ts +1 -65
- package/dist/cjs/components/CustomSelect/CustomSelect.js +98 -72
- package/dist/cjs/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
- package/dist/cjs/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js +4 -3
- package/dist/cjs/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +40 -26
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/Div/Div.js +2 -1
- package/dist/cjs/components/Div/Div.js.map +1 -1
- package/dist/cjs/components/Dropdown/Dropdown.d.ts +2 -43
- package/dist/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/Epic/Epic.d.ts +3 -3
- package/dist/cjs/components/Epic/Epic.js +7 -4
- package/dist/cjs/components/Epic/Epic.js.map +1 -1
- package/dist/cjs/components/Epic/ScrollSaver.d.ts +0 -1
- package/dist/cjs/components/Epic/ScrollSaver.js +3 -1
- package/dist/cjs/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cjs/components/File/File.js +5 -2
- package/dist/cjs/components/File/File.js.map +1 -1
- package/dist/cjs/components/FixedLayout/FixedLayout.js +5 -4
- package/dist/cjs/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cjs/components/FocusTrap/FocusTrap.js +3 -3
- package/dist/cjs/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js +3 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.d.ts +1 -1
- package/dist/cjs/components/FormLayout/FormLayout.js +6 -7
- package/dist/cjs/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js +5 -2
- package/dist/cjs/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cjs/components/Gallery/Gallery.d.ts +1 -1
- package/dist/cjs/components/Gallery/Gallery.js +129 -80
- package/dist/cjs/components/Gallery/Gallery.js.map +1 -1
- package/dist/cjs/components/Gradient/Gradient.js +2 -1
- package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
- package/dist/cjs/components/Group/Group.d.ts +1 -1
- package/dist/cjs/components/Group/Group.js +1 -1
- package/dist/cjs/components/Group/Group.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +4 -1
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.d.ts +2 -2
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +21 -9
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +2 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/cjs/components/HoverPopper/HoverPopper.js +6 -3
- package/dist/cjs/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cjs/components/IconButton/IconButton.d.ts +1 -1
- package/dist/cjs/components/IconButton/IconButton.js +9 -1
- package/dist/cjs/components/IconButton/IconButton.js.map +1 -1
- package/dist/cjs/components/InfoRow/InfoRow.js +2 -1
- package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js +1 -1
- package/dist/cjs/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cjs/components/Input/Input.d.ts +1 -1
- package/dist/cjs/components/Input/Input.js +1 -1
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/cjs/components/Link/Link.js +2 -1
- package/dist/cjs/components/Link/Link.js.map +1 -1
- package/dist/cjs/components/List/List.js +2 -1
- package/dist/cjs/components/List/List.js.map +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js +1 -1
- package/dist/cjs/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cjs/components/ModalCard/ModalCard.d.ts +2 -2
- package/dist/cjs/components/ModalCard/ModalCard.js +1 -1
- package/dist/cjs/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.d.ts +2 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js +2 -1
- package/dist/cjs/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cjs/components/ModalPage/ModalPage.d.ts +2 -2
- package/dist/cjs/components/ModalPage/ModalPage.js +2 -2
- package/dist/cjs/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.d.ts +2 -10
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js +32 -32
- package/dist/cjs/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/dist/cjs/components/ModalRoot/ModalRoot.js +116 -47
- package/dist/cjs/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.d.ts +2 -2
- package/dist/cjs/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootContext.js +20 -15
- package/dist/cjs/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js +35 -16
- package/dist/cjs/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cjs/components/ModalRoot/constants.js +1 -1
- package/dist/cjs/components/ModalRoot/types.d.ts +1 -1
- package/dist/cjs/components/ModalRoot/types.js.map +1 -1
- package/dist/cjs/components/ModalRoot/useModalManager.d.ts +9 -9
- package/dist/cjs/components/ModalRoot/useModalManager.js +11 -9
- package/dist/cjs/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cjs/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cjs/components/NativeSelect/NativeSelect.d.ts +2 -2
- package/dist/cjs/components/NativeSelect/NativeSelect.js +5 -2
- package/dist/cjs/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cjs/components/NavTransitionContext/NavTransitionContext.js +1 -1
- package/dist/cjs/components/Panel/Panel.d.ts +2 -2
- package/dist/cjs/components/Panel/Panel.js.map +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.d.ts +1 -1
- package/dist/cjs/components/PanelHeader/PanelHeader.js +23 -23
- package/dist/cjs/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js +1 -1
- package/dist/cjs/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +14 -5
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js +2 -1
- package/dist/cjs/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +5 -2
- package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cjs/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -1
- package/dist/cjs/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -1
- package/dist/cjs/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cjs/components/PanelSpinner/PanelSpinner.js +1 -1
- package/dist/cjs/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.js +2 -1
- package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cjs/components/PopoutRoot/PopoutRoot.d.ts +3 -3
- package/dist/cjs/components/PopoutRoot/PopoutRoot.js +2 -2
- package/dist/cjs/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js +3 -3
- package/dist/cjs/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cjs/components/Popper/Popper.d.ts +2 -2
- package/dist/cjs/components/Popper/Popper.js +11 -5
- package/dist/cjs/components/Popper/Popper.js.map +1 -1
- package/dist/cjs/components/Progress/Progress.js +4 -5
- package/dist/cjs/components/Progress/Progress.js.map +1 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js +9 -1
- package/dist/cjs/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.d.ts +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js +11 -8
- package/dist/cjs/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js +12 -20
- package/dist/cjs/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/cjs/components/Radio/Radio.d.ts +1 -1
- package/dist/cjs/components/Radio/Radio.js +2 -1
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/cjs/components/RangeSlider/RangeSlider.js +18 -11
- package/dist/cjs/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cjs/components/RangeSlider/UniversalSlider.d.ts +1 -1
- package/dist/cjs/components/RangeSlider/UniversalSlider.js +18 -13
- package/dist/cjs/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.js +6 -3
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/RichCell/RichCell.d.ts +1 -1
- package/dist/cjs/components/RichCell/RichCell.js +2 -1
- package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
- package/dist/cjs/components/RichTooltip/RichTooltip.d.ts +2 -43
- package/dist/cjs/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cjs/components/Root/Root.js +17 -12
- package/dist/cjs/components/Root/Root.js.map +1 -1
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js +2 -1
- package/dist/cjs/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cjs/components/Search/Search.d.ts +1 -1
- package/dist/cjs/components/Search/Search.js +12 -9
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/Select/Select.d.ts +2 -2
- package/dist/cjs/components/Select/Select.js +2 -1
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.d.ts +1 -1
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js +3 -3
- package/dist/cjs/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cjs/components/Separator/Separator.js +2 -1
- package/dist/cjs/components/Separator/Separator.js.map +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.d.ts +1 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js +2 -1
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js +7 -6
- package/dist/cjs/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cjs/components/Slider/Slider.d.ts +1 -8
- package/dist/cjs/components/Slider/Slider.js +20 -15
- package/dist/cjs/components/Slider/Slider.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js +14 -7
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +2 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cjs/components/Snackbar/Snackbar.d.ts +2 -2
- package/dist/cjs/components/Snackbar/Snackbar.js +12 -4
- package/dist/cjs/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/Spinner/Spinner.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.js.map +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.d.ts +1 -1
- package/dist/cjs/components/SplitCol/SplitCol.js +2 -2
- package/dist/cjs/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cjs/components/Tabbar/Tabbar.js +2 -1
- package/dist/cjs/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cjs/components/TabbarItem/TabbarItem.js +10 -2
- package/dist/cjs/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cjs/components/Tabs/Tabs.d.ts +2 -2
- package/dist/cjs/components/Tabs/Tabs.js +1 -1
- package/dist/cjs/components/Tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/TabsItem/TabsItem.js +2 -1
- package/dist/cjs/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cjs/components/Tappable/Tappable.d.ts +1 -1
- package/dist/cjs/components/Tappable/Tappable.js +9 -6
- package/dist/cjs/components/Tappable/Tappable.js.map +1 -1
- package/dist/cjs/components/TextTooltip/TextTooltip.d.ts +2 -37
- package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.d.ts +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +4 -4
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +26 -10
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/TooltipContainer.d.ts +1 -1
- package/dist/cjs/components/Tooltip/TooltipContainer.js +1 -1
- package/dist/cjs/components/Touch/Touch.js +38 -21
- package/dist/cjs/components/Touch/Touch.js.map +1 -1
- package/dist/cjs/components/Touch/TouchContext.js +2 -1
- package/dist/cjs/components/Touch/TouchContext.js.map +1 -1
- package/dist/cjs/components/Typography/Caption/Caption.js +2 -1
- package/dist/cjs/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cjs/components/Typography/Headline/Headline.js +2 -1
- package/dist/cjs/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js +2 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Text/Text.js +2 -1
- package/dist/cjs/components/Typography/Text/Text.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.js +2 -1
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/UsersStack/UsersStack.js +5 -3
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/UsersStack/masks.d.ts +1 -1
- package/dist/cjs/components/UsersStack/masks.js +1 -1
- package/dist/cjs/components/UsersStack/masks.js.map +1 -1
- package/dist/cjs/components/View/View.d.ts +9 -9
- package/dist/cjs/components/View/View.js +100 -49
- package/dist/cjs/components/View/View.js.map +1 -1
- package/dist/cjs/components/View/ViewInfinite.d.ts +11 -11
- package/dist/cjs/components/View/ViewInfinite.js +73 -38
- package/dist/cjs/components/View/ViewInfinite.js.map +1 -1
- package/dist/cjs/components/WriteBar/WriteBar.d.ts +1 -1
- package/dist/cjs/components/WriteBar/WriteBar.js +3 -4
- package/dist/cjs/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js +1 -1
- package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cjs/helpers/getScheme.d.ts +8 -0
- package/dist/cjs/helpers/getScheme.js +37 -0
- package/dist/cjs/helpers/getScheme.js.map +1 -0
- package/dist/cjs/helpers/math.js +1 -1
- package/dist/cjs/helpers/scheme.d.ts +34 -0
- package/dist/cjs/helpers/scheme.js +75 -0
- package/dist/cjs/helpers/scheme.js.map +1 -0
- package/dist/cjs/hoc/withAdaptivity.d.ts +3 -2
- package/dist/cjs/hoc/withAdaptivity.js +4 -5
- package/dist/cjs/hoc/withAdaptivity.js.map +1 -1
- package/dist/cjs/hoc/withContext.d.ts +1 -1
- package/dist/cjs/hoc/withContext.js +1 -2
- package/dist/cjs/hoc/withContext.js.map +1 -1
- package/dist/cjs/hoc/withInsets.d.ts +3 -1
- package/dist/cjs/hoc/withInsets.js +1 -2
- package/dist/cjs/hoc/withInsets.js.map +1 -1
- package/dist/cjs/hoc/withPlatform.d.ts +3 -1
- package/dist/cjs/hoc/withPlatform.js +1 -2
- package/dist/cjs/hoc/withPlatform.js.map +1 -1
- package/dist/cjs/hooks/useAdaptivity.d.ts +2 -2
- package/dist/cjs/hooks/useAdaptivity.js.map +1 -1
- package/dist/cjs/hooks/useAppearance.d.ts +1 -1
- package/dist/cjs/hooks/useEnsuredControl.d.ts +1 -1
- package/dist/cjs/hooks/useEnsuredControl.js +1 -1
- package/dist/cjs/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cjs/hooks/useEventListener.d.ts +3 -3
- package/dist/cjs/hooks/useEventListener.js +2 -2
- package/dist/cjs/hooks/useEventListener.js.map +1 -1
- package/dist/cjs/hooks/useExternRef.d.ts +1 -1
- package/dist/cjs/hooks/useExternRef.js +6 -3
- package/dist/cjs/hooks/useExternRef.js.map +1 -1
- package/dist/cjs/hooks/useFocusVisible.d.ts +1 -1
- package/dist/cjs/hooks/useGlobalEventListener.d.ts +2 -2
- package/dist/cjs/hooks/useGlobalEventListener.js +6 -2
- package/dist/cjs/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/cjs/hooks/useInsets.d.ts +7 -1
- package/dist/cjs/hooks/useInsets.js.map +1 -1
- package/dist/cjs/hooks/useKeyboard.js +37 -29
- package/dist/cjs/hooks/useKeyboard.js.map +1 -1
- package/dist/cjs/hooks/usePatchChildrenRef.d.ts +1 -1
- package/dist/cjs/hooks/usePatchChildrenRef.js +1 -1
- package/dist/cjs/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/cjs/hooks/usePlatform.d.ts +1 -1
- package/dist/cjs/hooks/usePlatform.js.map +1 -1
- package/dist/cjs/hooks/useTimeout.js +4 -2
- package/dist/cjs/hooks/useTimeout.js.map +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/cjs/hooks/useWaitTransitionFinish.js +5 -2
- package/dist/cjs/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cjs/index.d.ts +6 -4
- package/dist/cjs/index.js +287 -277
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/SSR.d.ts +1 -1
- package/dist/cjs/lib/SSR.js +1 -1
- package/dist/cjs/lib/SSR.js.map +1 -1
- package/dist/cjs/lib/accessibility.d.ts +1 -1
- package/dist/cjs/lib/accessibility.js +4 -2
- package/dist/cjs/lib/accessibility.js.map +1 -1
- package/dist/cjs/lib/animate.js +1 -0
- package/dist/cjs/lib/animate.js.map +1 -1
- package/dist/cjs/lib/browser.js +1 -1
- package/dist/cjs/lib/dom.d.ts +3 -3
- package/dist/cjs/lib/dom.js +6 -4
- package/dist/cjs/lib/dom.js.map +1 -1
- package/dist/cjs/lib/getNavId.d.ts +1 -1
- package/dist/cjs/lib/is.js +3 -1
- package/dist/cjs/lib/is.js.map +1 -1
- package/dist/cjs/lib/isRefObject.js.map +1 -1
- package/dist/cjs/lib/jsxRuntime.d.ts +7 -3
- package/dist/cjs/lib/jsxRuntime.js +3 -5
- package/dist/cjs/lib/jsxRuntime.js.map +1 -1
- package/dist/cjs/lib/offset.d.ts +5 -5
- package/dist/cjs/lib/offset.js +5 -5
- package/dist/cjs/lib/offset.js.map +1 -1
- package/dist/cjs/lib/platform.d.ts +1 -1
- package/dist/cjs/lib/platform.js +1 -1
- package/dist/cjs/lib/platform.js.map +1 -1
- package/dist/cjs/lib/polyfills.js.map +1 -1
- package/dist/cjs/lib/prefixClass.d.ts +1 -1
- package/dist/cjs/lib/prefixClass.js.map +1 -1
- package/dist/cjs/lib/select.d.ts +2 -2
- package/dist/cjs/lib/select.js +5 -3
- package/dist/cjs/lib/select.js.map +1 -1
- package/dist/cjs/lib/styles.d.ts +1 -1
- package/dist/cjs/lib/styles.js.map +1 -1
- package/dist/cjs/lib/supportEvents.d.ts +1 -1
- package/dist/cjs/lib/supportEvents.js.map +1 -1
- package/dist/cjs/lib/touch.js +2 -1
- package/dist/cjs/lib/touch.js.map +1 -1
- package/dist/cjs/lib/utils.d.ts +1 -1
- package/dist/cjs/lib/utils.js +6 -6
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/cjs/tokenized/index.d.ts +2 -0
- package/dist/cjs/tokenized/index.js +16 -0
- package/dist/cjs/tokenized/index.js.map +1 -0
- package/dist/cjs/unstable/index.js +8 -8
- package/dist/components/ActionSheet/ActionSheet.js +4 -2
- package/dist/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetContext.d.ts +6 -5
- package/dist/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -3
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +2 -2
- package/dist/components/ActionSheetItem/ActionSheetItem.js +6 -7
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityContext.d.ts +4 -4
- package/dist/components/AdaptivityProvider/AdaptivityContext.js +3 -1
- package/dist/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/components/AdaptivityProvider/AdaptivityProvider.d.ts +3 -5
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js +10 -3
- package/dist/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts +5 -21
- package/dist/components/Alert/Alert.js +32 -18
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRoot.d.ts +1 -2
- package/dist/components/AppRoot/AppRoot.js +26 -16
- package/dist/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/components/AppRoot/AppRootContext.d.ts +1 -1
- package/dist/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/components/AppRoot/ScrollContext.d.ts +1 -1
- package/dist/components/AppRoot/ScrollContext.js +5 -3
- package/dist/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProvider.d.ts +6 -0
- package/dist/components/AppearanceProvider/AppearanceProvider.js +33 -0
- package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -0
- package/dist/components/AppearanceProvider/AppearanceProviderContext.d.ts +8 -0
- package/dist/components/AppearanceProvider/AppearanceProviderContext.js +3 -0
- package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -0
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.js +12 -13
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Banner/Banner.js +3 -2
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.js +4 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +2 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardGrid/CardGrid.d.ts +1 -1
- package/dist/components/CardGrid/CardGrid.js +2 -1
- package/dist/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/components/CardScroll/CardScroll.d.ts +9 -2
- package/dist/components/CardScroll/CardScroll.js +18 -4
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/Cell/Cell.js +1 -1
- package/dist/components/Cell/Cell.js.map +1 -1
- package/dist/components/Cell/useDraggable.js +58 -46
- package/dist/components/Cell/useDraggable.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +2 -1
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/Chip/Chip.js +2 -1
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ChipsInput/ChipsInput.d.ts +1 -4
- package/dist/components/ChipsInput/ChipsInput.js +71 -62
- package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/components/ChipsInput/useChipsInput.d.ts +3 -3
- package/dist/components/ChipsInput/useChipsInput.js +2 -2
- package/dist/components/ChipsInput/useChipsInput.js.map +1 -1
- package/dist/components/ChipsSelect/ChipsSelect.d.ts +2 -5
- package/dist/components/ChipsSelect/ChipsSelect.js +80 -67
- package/dist/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/components/ChipsSelect/useChipsSelect.d.ts +8 -8
- package/dist/components/ChipsSelect/useChipsSelect.js +6 -3
- package/dist/components/ChipsSelect/useChipsSelect.js.map +1 -1
- package/dist/components/ClickPopper/ClickPopper.d.ts +1 -1
- package/dist/components/ClickPopper/ClickPopper.js +7 -3
- package/dist/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.d.ts +3 -1
- package/dist/components/ConfigProvider/ConfigProvider.js +53 -41
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderContext.d.ts +2 -29
- package/dist/components/ConfigProvider/ConfigProviderContext.js +0 -20
- package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/components/ContentCard/ContentCard.js +9 -1
- package/dist/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/components/Counter/Counter.js +2 -1
- package/dist/components/Counter/Counter.js.map +1 -1
- package/dist/components/CustomScrollView/CustomScrollView.d.ts +1 -1
- package/dist/components/CustomScrollView/CustomScrollView.js +24 -9
- package/dist/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/components/CustomSelect/CustomSelect.d.ts +1 -65
- package/dist/components/CustomSelect/CustomSelect.js +98 -72
- package/dist/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +2 -2
- package/dist/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/components/CustomSelectOption/CustomSelectOption.js +4 -3
- package/dist/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +41 -26
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/Div/Div.js +2 -1
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.d.ts +2 -43
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Epic/Epic.d.ts +3 -3
- package/dist/components/Epic/Epic.js +7 -4
- package/dist/components/Epic/Epic.js.map +1 -1
- package/dist/components/Epic/ScrollSaver.d.ts +0 -1
- package/dist/components/Epic/ScrollSaver.js +2 -1
- package/dist/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/components/File/File.js +5 -2
- package/dist/components/File/File.js.map +1 -1
- package/dist/components/FixedLayout/FixedLayout.js +5 -4
- package/dist/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/components/FocusTrap/FocusTrap.js +3 -3
- package/dist/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/components/FormItem/FormItem.js +3 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/FormLayout/FormLayout.d.ts +1 -1
- package/dist/components/FormLayout/FormLayout.js +6 -7
- package/dist/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js +5 -2
- package/dist/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/components/Gallery/Gallery.d.ts +1 -1
- package/dist/components/Gallery/Gallery.js +129 -80
- package/dist/components/Gallery/Gallery.js.map +1 -1
- package/dist/components/Gradient/Gradient.js +2 -1
- package/dist/components/Gradient/Gradient.js.map +1 -1
- package/dist/components/Group/Group.d.ts +1 -1
- package/dist/components/Group/Group.js +2 -1
- package/dist/components/Group/Group.js.map +1 -1
- package/dist/components/Header/Header.js +4 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.d.ts +2 -2
- package/dist/components/HorizontalScroll/HorizontalScroll.js +19 -9
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +2 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/HoverPopper/HoverPopper.d.ts +1 -1
- package/dist/components/HoverPopper/HoverPopper.js +6 -3
- package/dist/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +9 -1
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/InfoRow/InfoRow.js +2 -1
- package/dist/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.js +1 -1
- package/dist/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +2 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Link/Link.js +2 -1
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/List/List.js +2 -1
- package/dist/components/List/List.js.map +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js +1 -1
- package/dist/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/components/ModalCard/ModalCard.d.ts +2 -2
- package/dist/components/ModalCard/ModalCard.js +2 -1
- package/dist/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.d.ts +2 -1
- package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.js +2 -1
- package/dist/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/components/ModalPage/ModalPage.d.ts +2 -2
- package/dist/components/ModalPage/ModalPage.js +3 -2
- package/dist/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/components/ModalPageHeader/ModalPageHeader.d.ts +2 -10
- package/dist/components/ModalPageHeader/ModalPageHeader.js +28 -29
- package/dist/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/components/ModalRoot/ModalRoot.d.ts +1 -1
- package/dist/components/ModalRoot/ModalRoot.js +116 -47
- package/dist/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootAdaptive.d.ts +2 -2
- package/dist/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootContext.d.ts +1 -1
- package/dist/components/ModalRoot/ModalRootContext.js +19 -14
- package/dist/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.d.ts +1 -1
- package/dist/components/ModalRoot/ModalRootDesktop.js +35 -16
- package/dist/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/components/ModalRoot/types.d.ts +1 -1
- package/dist/components/ModalRoot/types.js.map +1 -1
- package/dist/components/ModalRoot/useModalManager.d.ts +9 -9
- package/dist/components/ModalRoot/useModalManager.js +11 -11
- package/dist/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/components/NativeSelect/NativeSelect.d.ts +2 -2
- package/dist/components/NativeSelect/NativeSelect.js +5 -2
- package/dist/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/components/Panel/Panel.d.ts +2 -2
- package/dist/components/Panel/Panel.js.map +1 -1
- package/dist/components/PanelHeader/PanelHeader.d.ts +1 -1
- package/dist/components/PanelHeader/PanelHeader.js +23 -22
- package/dist/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.d.ts +1 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js +2 -1
- package/dist/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js +13 -6
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js +2 -1
- package/dist/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js +5 -2
- package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -1
- package/dist/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -1
- package/dist/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/components/PanelSpinner/PanelSpinner.js +2 -1
- package/dist/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/components/Placeholder/Placeholder.js +2 -1
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/PopoutRoot/PopoutRoot.d.ts +3 -3
- package/dist/components/PopoutRoot/PopoutRoot.js +1 -1
- package/dist/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/components/PopoutWrapper/PopoutWrapper.js +3 -3
- package/dist/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/components/Popper/Popper.d.ts +2 -2
- package/dist/components/Popper/Popper.js +11 -5
- package/dist/components/Popper/Popper.js.map +1 -1
- package/dist/components/Progress/Progress.js +4 -5
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/PromoBanner/PromoBanner.js +8 -1
- package/dist/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.d.ts +1 -1
- package/dist/components/PullToRefresh/PullToRefresh.js +11 -8
- package/dist/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/components/PullToRefresh/PullToRefreshSpinner.js +13 -17
- package/dist/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/Radio/Radio.js +2 -1
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/RangeSlider/RangeSlider.js +18 -11
- package/dist/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/components/RangeSlider/UniversalSlider.d.ts +1 -1
- package/dist/components/RangeSlider/UniversalSlider.js +18 -13
- package/dist/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/components/Removable/Removable.js +6 -3
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/RichCell/RichCell.d.ts +1 -1
- package/dist/components/RichCell/RichCell.js +2 -1
- package/dist/components/RichCell/RichCell.js.map +1 -1
- package/dist/components/RichTooltip/RichTooltip.d.ts +2 -43
- package/dist/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/components/Root/Root.js +17 -12
- package/dist/components/Root/Root.js.map +1 -1
- package/dist/components/ScreenSpinner/ScreenSpinner.js +2 -1
- package/dist/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/Search.js +13 -9
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Select/Select.js +2 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.d.ts +1 -1
- package/dist/components/SelectMimicry/SelectMimicry.js +4 -3
- package/dist/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/components/Separator/Separator.js +2 -1
- package/dist/components/Separator/Separator.js.map +1 -1
- package/dist/components/SimpleCell/SimpleCell.d.ts +1 -1
- package/dist/components/SimpleCell/SimpleCell.js +2 -1
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js +7 -6
- package/dist/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/components/Slider/Slider.d.ts +1 -8
- package/dist/components/Slider/Slider.js +20 -15
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.d.ts +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.js +14 -7
- package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js +2 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.d.ts +2 -2
- package/dist/components/Snackbar/Snackbar.js +12 -4
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Spinner/Spinner.js +2 -1
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/SplitCol/SplitCol.d.ts +1 -1
- package/dist/components/SplitCol/SplitCol.js +1 -1
- package/dist/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/components/Tabbar/Tabbar.js +2 -1
- package/dist/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/components/TabbarItem/TabbarItem.js +9 -2
- package/dist/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/components/Tabs/Tabs.d.ts +2 -2
- package/dist/components/Tabs/Tabs.js +2 -1
- package/dist/components/Tabs/Tabs.js.map +1 -1
- package/dist/components/TabsItem/TabsItem.js +2 -1
- package/dist/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/components/Tappable/Tappable.d.ts +1 -1
- package/dist/components/Tappable/Tappable.js +9 -6
- package/dist/components/Tappable/Tappable.js.map +1 -1
- package/dist/components/TextTooltip/TextTooltip.d.ts +2 -37
- package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/Textarea/Textarea.js +5 -4
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +26 -10
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/TooltipContainer.d.ts +1 -1
- package/dist/components/Touch/Touch.js +38 -21
- package/dist/components/Touch/Touch.js.map +1 -1
- package/dist/components/Touch/TouchContext.js +2 -1
- package/dist/components/Touch/TouchContext.js.map +1 -1
- package/dist/components/Typography/Caption/Caption.js +2 -1
- package/dist/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/components/Typography/Headline/Headline.js +2 -1
- package/dist/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.js +2 -1
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Text/Text.js +2 -1
- package/dist/components/Typography/Text/Text.js.map +1 -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 +6 -3
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/UsersStack/masks.d.ts +1 -1
- package/dist/components/UsersStack/masks.js +1 -1
- package/dist/components/UsersStack/masks.js.map +1 -1
- package/dist/components/View/View.d.ts +9 -9
- package/dist/components/View/View.js +99 -48
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/ViewInfinite.d.ts +11 -11
- package/dist/components/View/ViewInfinite.js +70 -36
- package/dist/components/View/ViewInfinite.js.map +1 -1
- package/dist/components/WriteBar/WriteBar.d.ts +1 -1
- package/dist/components/WriteBar/WriteBar.js +3 -4
- package/dist/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js +1 -1
- package/dist/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/components.css +17 -14
- package/dist/components.css.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheet.js +4 -2
- package/dist/cssm/components/ActionSheet/ActionSheet.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetContext.js.map +1 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +3 -3
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +6 -7
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js +3 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js +10 -3
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.js.map +1 -1
- package/dist/cssm/components/Alert/Alert.js +32 -18
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.js +26 -16
- package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootContext.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.js +5 -3
- package/dist/cssm/components/AppRoot/ScrollContext.js.map +1 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js +33 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js +3 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -0
- package/dist/cssm/components/Avatar/Avatar.js +12 -13
- package/dist/cssm/components/Avatar/Avatar.js.map +1 -1
- package/dist/cssm/components/Banner/Banner.js +3 -2
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/Button/Button.css +9 -11
- package/dist/cssm/components/Button/Button.js +4 -4
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/Card/Card.css +6 -1
- package/dist/cssm/components/Card/Card.js +2 -1
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.js +2 -1
- package/dist/cssm/components/CardGrid/CardGrid.js.map +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.css +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.js +18 -4
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.js +1 -1
- package/dist/cssm/components/Cell/Cell.js.map +1 -1
- package/dist/cssm/components/Cell/useDraggable.js +58 -46
- package/dist/cssm/components/Cell/useDraggable.js.map +1 -1
- package/dist/cssm/components/Checkbox/Checkbox.js +2 -1
- package/dist/cssm/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/cssm/components/Chip/Chip.js +2 -1
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.js +71 -62
- package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cssm/components/ChipsInput/useChipsInput.js +2 -2
- package/dist/cssm/components/ChipsInput/useChipsInput.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js +80 -67
- package/dist/cssm/components/ChipsSelect/ChipsSelect.js.map +1 -1
- package/dist/cssm/components/ChipsSelect/useChipsSelect.js +6 -3
- package/dist/cssm/components/ChipsSelect/useChipsSelect.js.map +1 -1
- package/dist/cssm/components/ClickPopper/ClickPopper.js +7 -3
- package/dist/cssm/components/ClickPopper/ClickPopper.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js +53 -41
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js +0 -20
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.js +9 -1
- package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.js +2 -1
- package/dist/cssm/components/Counter/Counter.js.map +1 -1
- package/dist/cssm/components/CustomScrollView/CustomScrollView.js +24 -9
- package/dist/cssm/components/CustomScrollView/CustomScrollView.js.map +1 -1
- package/dist/cssm/components/CustomSelect/CustomSelect.js +98 -72
- package/dist/cssm/components/CustomSelect/CustomSelect.js.map +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.css +1 -1
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.js.map +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js +4 -3
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.js.map +1 -1
- package/dist/cssm/components/DatePicker/DatePicker.js +41 -26
- package/dist/cssm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cssm/components/Div/Div.js +2 -1
- package/dist/cssm/components/Div/Div.js.map +1 -1
- package/dist/cssm/components/Dropdown/Dropdown.js +1 -3
- package/dist/cssm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/cssm/components/Epic/Epic.js +7 -4
- package/dist/cssm/components/Epic/Epic.js.map +1 -1
- package/dist/cssm/components/Epic/ScrollSaver.js +2 -1
- package/dist/cssm/components/Epic/ScrollSaver.js.map +1 -1
- package/dist/cssm/components/File/File.js +5 -2
- package/dist/cssm/components/File/File.js.map +1 -1
- package/dist/cssm/components/FixedLayout/FixedLayout.js +5 -4
- package/dist/cssm/components/FixedLayout/FixedLayout.js.map +1 -1
- package/dist/cssm/components/FocusTrap/FocusTrap.js +3 -3
- package/dist/cssm/components/FocusTrap/FocusTrap.js.map +1 -1
- package/dist/cssm/components/FormItem/FormItem.css +1 -1
- package/dist/cssm/components/FormItem/FormItem.js +3 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.js +6 -7
- package/dist/cssm/components/FormLayout/FormLayout.js.map +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.css +1 -1
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js +5 -2
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.js.map +1 -1
- package/dist/cssm/components/Gallery/Gallery.js +129 -80
- package/dist/cssm/components/Gallery/Gallery.js.map +1 -1
- package/dist/cssm/components/Gradient/Gradient.js +2 -1
- package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.css +1 -1
- package/dist/cssm/components/Group/Group.js +2 -1
- package/dist/cssm/components/Group/Group.js.map +1 -1
- package/dist/cssm/components/Header/Header.js +4 -1
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +19 -9
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +2 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.js +6 -3
- package/dist/cssm/components/HoverPopper/HoverPopper.js.map +1 -1
- package/dist/cssm/components/IconButton/IconButton.js +9 -1
- package/dist/cssm/components/IconButton/IconButton.js.map +1 -1
- package/dist/cssm/components/InfoRow/InfoRow.js +2 -1
- package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.js.map +1 -1
- package/dist/cssm/components/Input/Input.js +2 -1
- package/dist/cssm/components/Input/Input.js.map +1 -1
- package/dist/cssm/components/Link/Link.js +2 -1
- package/dist/cssm/components/Link/Link.js.map +1 -1
- package/dist/cssm/components/List/List.js +2 -1
- package/dist/cssm/components/List/List.js.map +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js +1 -1
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.js.map +1 -1
- package/dist/cssm/components/ModalCard/ModalCard.js +2 -1
- package/dist/cssm/components/ModalCard/ModalCard.js.map +1 -1
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js +2 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.js.map +1 -1
- package/dist/cssm/components/ModalPage/ModalPage.js +3 -2
- package/dist/cssm/components/ModalPage/ModalPage.js.map +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.css +1 -1
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js +28 -29
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRoot.js +116 -47
- package/dist/cssm/components/ModalRoot/ModalRoot.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootContext.js +19 -14
- package/dist/cssm/components/ModalRoot/ModalRootContext.js.map +1 -1
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js +35 -16
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map +1 -1
- package/dist/cssm/components/ModalRoot/types.js.map +1 -1
- package/dist/cssm/components/ModalRoot/useModalManager.js +11 -11
- package/dist/cssm/components/ModalRoot/useModalManager.js.map +1 -1
- package/dist/cssm/components/ModalRoot/withModalRootContext.js.map +1 -1
- package/dist/cssm/components/NativeSelect/NativeSelect.js +5 -2
- package/dist/cssm/components/NativeSelect/NativeSelect.js.map +1 -1
- package/dist/cssm/components/Panel/Panel.js.map +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
- package/dist/cssm/components/PanelHeader/PanelHeader.js +23 -22
- package/dist/cssm/components/PanelHeader/PanelHeader.js.map +1 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js +2 -1
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.js.map +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +13 -6
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js +2 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +1 -1
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +5 -2
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js +3 -3
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.js.map +1 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js +2 -1
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.js.map +1 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js +2 -1
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.js.map +1 -1
- package/dist/cssm/components/PanelSpinner/PanelSpinner.js +2 -1
- package/dist/cssm/components/PanelSpinner/PanelSpinner.js.map +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.js +2 -1
- package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.js +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.js.map +1 -1
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js +3 -3
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.js.map +1 -1
- package/dist/cssm/components/Popper/Popper.js +11 -5
- package/dist/cssm/components/Popper/Popper.js.map +1 -1
- package/dist/cssm/components/Progress/Progress.js +4 -5
- package/dist/cssm/components/Progress/Progress.js.map +1 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js +8 -1
- package/dist/cssm/components/PromoBanner/PromoBanner.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js +11 -8
- package/dist/cssm/components/PullToRefresh/PullToRefresh.js.map +1 -1
- package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js +13 -17
- package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.js.map +1 -1
- package/dist/cssm/components/Radio/Radio.js +2 -1
- package/dist/cssm/components/Radio/Radio.js.map +1 -1
- package/dist/cssm/components/RangeSlider/RangeSlider.js +18 -11
- package/dist/cssm/components/RangeSlider/RangeSlider.js.map +1 -1
- package/dist/cssm/components/RangeSlider/UniversalSlider.js +18 -13
- package/dist/cssm/components/RangeSlider/UniversalSlider.js.map +1 -1
- package/dist/cssm/components/Removable/Removable.js +6 -3
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.js +2 -1
- package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.js +1 -3
- package/dist/cssm/components/RichTooltip/RichTooltip.js.map +1 -1
- package/dist/cssm/components/Root/Root.js +17 -12
- package/dist/cssm/components/Root/Root.js.map +1 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js +2 -1
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.js.map +1 -1
- package/dist/cssm/components/Search/Search.css +1 -1
- package/dist/cssm/components/Search/Search.js +13 -9
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/Select/Select.js +2 -1
- package/dist/cssm/components/Select/Select.js.map +1 -1
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js +4 -3
- package/dist/cssm/components/SelectMimicry/SelectMimicry.js.map +1 -1
- package/dist/cssm/components/Separator/Separator.js +2 -1
- package/dist/cssm/components/Separator/Separator.js.map +1 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js +2 -1
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js +7 -6
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.js.map +1 -1
- package/dist/cssm/components/Slider/Slider.js +20 -15
- package/dist/cssm/components/Slider/Slider.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js +14 -7
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +2 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.js +12 -4
- package/dist/cssm/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/cssm/components/Spinner/Spinner.js +2 -1
- package/dist/cssm/components/Spinner/Spinner.js.map +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.js +1 -1
- package/dist/cssm/components/SplitCol/SplitCol.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.css +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.js +2 -1
- package/dist/cssm/components/Tabbar/Tabbar.js.map +1 -1
- package/dist/cssm/components/TabbarItem/TabbarItem.js +9 -2
- package/dist/cssm/components/TabbarItem/TabbarItem.js.map +1 -1
- package/dist/cssm/components/Tabs/Tabs.js +2 -1
- package/dist/cssm/components/Tabs/Tabs.js.map +1 -1
- package/dist/cssm/components/TabsItem/TabsItem.js +2 -1
- package/dist/cssm/components/TabsItem/TabsItem.js.map +1 -1
- package/dist/cssm/components/Tappable/Tappable.css +1 -1
- package/dist/cssm/components/Tappable/Tappable.js +9 -6
- package/dist/cssm/components/Tappable/Tappable.js.map +1 -1
- package/dist/cssm/components/TextTooltip/TextTooltip.js +1 -3
- package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.js +5 -4
- package/dist/cssm/components/Textarea/Textarea.js.map +1 -1
- package/dist/cssm/components/Tooltip/Tooltip.js +26 -10
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/Touch/Touch.js +38 -21
- package/dist/cssm/components/Touch/Touch.js.map +1 -1
- package/dist/cssm/components/Touch/TouchContext.js +2 -1
- package/dist/cssm/components/Touch/TouchContext.js.map +1 -1
- package/dist/cssm/components/Typography/Caption/Caption.js +2 -1
- package/dist/cssm/components/Typography/Caption/Caption.js.map +1 -1
- package/dist/cssm/components/Typography/Headline/Headline.js +2 -1
- package/dist/cssm/components/Typography/Headline/Headline.js.map +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.js +2 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.js +2 -1
- package/dist/cssm/components/Typography/Text/Text.js.map +1 -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 +6 -3
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/UsersStack/masks.js +1 -1
- package/dist/cssm/components/UsersStack/masks.js.map +1 -1
- package/dist/cssm/components/View/View.js +99 -48
- package/dist/cssm/components/View/View.js.map +1 -1
- package/dist/cssm/components/View/ViewInfinite.js +70 -36
- package/dist/cssm/components/View/ViewInfinite.js.map +1 -1
- package/dist/cssm/components/WriteBar/WriteBar.js +3 -4
- package/dist/cssm/components/WriteBar/WriteBar.js.map +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js +1 -1
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.js.map +1 -1
- package/dist/cssm/fonts/fonts.css +1 -1
- package/dist/cssm/helpers/getScheme.js +28 -0
- package/dist/cssm/helpers/getScheme.js.map +1 -0
- package/dist/cssm/helpers/scheme.js +61 -0
- package/dist/cssm/helpers/scheme.js.map +1 -0
- package/dist/cssm/hoc/withAdaptivity.js +3 -4
- package/dist/cssm/hoc/withAdaptivity.js.map +1 -1
- package/dist/cssm/hoc/withContext.js +1 -2
- package/dist/cssm/hoc/withContext.js.map +1 -1
- package/dist/cssm/hoc/withInsets.js +1 -2
- package/dist/cssm/hoc/withInsets.js.map +1 -1
- package/dist/cssm/hoc/withPlatform.js +1 -2
- package/dist/cssm/hoc/withPlatform.js.map +1 -1
- package/dist/cssm/hooks/useAdaptivity.js.map +1 -1
- package/dist/cssm/hooks/useEnsuredControl.js +1 -1
- package/dist/cssm/hooks/useEnsuredControl.js.map +1 -1
- package/dist/cssm/hooks/useEventListener.js +2 -2
- package/dist/cssm/hooks/useEventListener.js.map +1 -1
- package/dist/cssm/hooks/useExternRef.js +6 -3
- package/dist/cssm/hooks/useExternRef.js.map +1 -1
- package/dist/cssm/hooks/useGlobalEventListener.js +6 -2
- package/dist/cssm/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/cssm/hooks/useInsets.js.map +1 -1
- package/dist/cssm/hooks/useKeyboard.js +36 -29
- package/dist/cssm/hooks/useKeyboard.js.map +1 -1
- package/dist/cssm/hooks/usePatchChildrenRef.js +1 -1
- package/dist/cssm/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/cssm/hooks/usePlatform.js.map +1 -1
- package/dist/cssm/hooks/useTimeout.js +4 -2
- package/dist/cssm/hooks/useTimeout.js.map +1 -1
- package/dist/cssm/hooks/useWaitTransitionFinish.js +5 -2
- package/dist/cssm/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/cssm/index.js +6 -4
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/SSR.js +1 -1
- package/dist/cssm/lib/SSR.js.map +1 -1
- package/dist/cssm/lib/accessibility.js +3 -1
- package/dist/cssm/lib/accessibility.js.map +1 -1
- package/dist/cssm/lib/animate.js +1 -0
- package/dist/cssm/lib/animate.js.map +1 -1
- package/dist/cssm/lib/dom.js +2 -2
- package/dist/cssm/lib/dom.js.map +1 -1
- package/dist/cssm/lib/is.js +3 -1
- package/dist/cssm/lib/is.js.map +1 -1
- package/dist/cssm/lib/isRefObject.js.map +1 -1
- package/dist/cssm/lib/jsxRuntime.js +3 -3
- package/dist/cssm/lib/jsxRuntime.js.map +1 -1
- package/dist/cssm/lib/offset.js +5 -5
- package/dist/cssm/lib/offset.js.map +1 -1
- package/dist/cssm/lib/platform.js.map +1 -1
- package/dist/cssm/lib/polyfills.js.map +1 -1
- package/dist/cssm/lib/prefixClass.js.map +1 -1
- package/dist/cssm/lib/select.js +5 -3
- package/dist/cssm/lib/select.js.map +1 -1
- package/dist/cssm/lib/styles.js.map +1 -1
- package/dist/cssm/lib/supportEvents.js.map +1 -1
- package/dist/cssm/lib/utils.js +1 -1
- package/dist/cssm/lib/utils.js.map +1 -1
- package/dist/cssm/styles/bright_light.css +1 -1
- package/dist/cssm/styles/components.css +17 -14
- package/dist/cssm/styles/constants.css +3 -3
- package/dist/cssm/styles/space_gray.css +1 -1
- package/dist/cssm/styles/themes.css +4 -4
- package/dist/cssm/styles/vkcom_dark.css +2 -2
- package/dist/cssm/styles/vkcom_light.css +3 -3
- package/dist/cssm/tokenized/index.js +2 -0
- package/dist/cssm/tokenized/index.js.map +1 -0
- package/dist/default_scheme.css +1 -1
- package/dist/default_scheme.css.map +1 -1
- package/dist/fonts.css +1 -1
- package/dist/fonts.css.map +1 -1
- package/dist/helpers/getScheme.d.ts +8 -0
- package/dist/helpers/getScheme.js +28 -0
- package/dist/helpers/getScheme.js.map +1 -0
- package/dist/helpers/scheme.d.ts +34 -0
- package/dist/helpers/scheme.js +61 -0
- package/dist/helpers/scheme.js.map +1 -0
- package/dist/hoc/withAdaptivity.d.ts +3 -2
- package/dist/hoc/withAdaptivity.js +3 -4
- package/dist/hoc/withAdaptivity.js.map +1 -1
- package/dist/hoc/withContext.d.ts +1 -1
- package/dist/hoc/withContext.js +1 -2
- package/dist/hoc/withContext.js.map +1 -1
- package/dist/hoc/withInsets.d.ts +3 -1
- package/dist/hoc/withInsets.js +1 -2
- package/dist/hoc/withInsets.js.map +1 -1
- package/dist/hoc/withPlatform.d.ts +3 -1
- package/dist/hoc/withPlatform.js +1 -2
- package/dist/hoc/withPlatform.js.map +1 -1
- package/dist/hooks/useAdaptivity.d.ts +2 -2
- package/dist/hooks/useAdaptivity.js.map +1 -1
- package/dist/hooks/useAppearance.d.ts +1 -1
- package/dist/hooks/useEnsuredControl.d.ts +1 -1
- package/dist/hooks/useEnsuredControl.js +1 -1
- package/dist/hooks/useEnsuredControl.js.map +1 -1
- package/dist/hooks/useEventListener.d.ts +3 -3
- package/dist/hooks/useEventListener.js +2 -2
- package/dist/hooks/useEventListener.js.map +1 -1
- package/dist/hooks/useExternRef.d.ts +1 -1
- package/dist/hooks/useExternRef.js +6 -3
- package/dist/hooks/useExternRef.js.map +1 -1
- package/dist/hooks/useFocusVisible.d.ts +1 -1
- package/dist/hooks/useGlobalEventListener.d.ts +2 -2
- package/dist/hooks/useGlobalEventListener.js +6 -2
- package/dist/hooks/useGlobalEventListener.js.map +1 -1
- package/dist/hooks/useInsets.d.ts +7 -1
- package/dist/hooks/useInsets.js.map +1 -1
- package/dist/hooks/useKeyboard.js +36 -29
- package/dist/hooks/useKeyboard.js.map +1 -1
- package/dist/hooks/usePatchChildrenRef.d.ts +1 -1
- package/dist/hooks/usePatchChildrenRef.js +1 -1
- package/dist/hooks/usePatchChildrenRef.js.map +1 -1
- package/dist/hooks/usePlatform.d.ts +1 -1
- package/dist/hooks/usePlatform.js.map +1 -1
- package/dist/hooks/useTimeout.js +4 -2
- package/dist/hooks/useTimeout.js.map +1 -1
- package/dist/hooks/useWaitTransitionFinish.d.ts +1 -1
- package/dist/hooks/useWaitTransitionFinish.js +5 -2
- package/dist/hooks/useWaitTransitionFinish.js.map +1 -1
- package/dist/index.d.ts +6 -4
- package/dist/index.js +6 -4
- package/dist/index.js.map +1 -1
- package/dist/lib/SSR.d.ts +1 -1
- package/dist/lib/SSR.js +1 -1
- package/dist/lib/SSR.js.map +1 -1
- package/dist/lib/accessibility.d.ts +1 -1
- package/dist/lib/accessibility.js +3 -1
- package/dist/lib/accessibility.js.map +1 -1
- package/dist/lib/animate.js +1 -0
- package/dist/lib/animate.js.map +1 -1
- package/dist/lib/dom.d.ts +3 -3
- package/dist/lib/dom.js +2 -2
- package/dist/lib/dom.js.map +1 -1
- package/dist/lib/getNavId.d.ts +1 -1
- package/dist/lib/is.js +3 -1
- package/dist/lib/is.js.map +1 -1
- package/dist/lib/isRefObject.js.map +1 -1
- package/dist/lib/jsxRuntime.d.ts +7 -3
- package/dist/lib/jsxRuntime.js +3 -3
- package/dist/lib/jsxRuntime.js.map +1 -1
- package/dist/lib/offset.d.ts +5 -5
- package/dist/lib/offset.js +5 -5
- package/dist/lib/offset.js.map +1 -1
- package/dist/lib/platform.d.ts +1 -1
- package/dist/lib/platform.js.map +1 -1
- package/dist/lib/polyfills.js.map +1 -1
- package/dist/lib/prefixClass.d.ts +1 -1
- package/dist/lib/prefixClass.js.map +1 -1
- package/dist/lib/select.d.ts +2 -2
- package/dist/lib/select.js +5 -3
- package/dist/lib/select.js.map +1 -1
- package/dist/lib/styles.d.ts +1 -1
- package/dist/lib/styles.js.map +1 -1
- package/dist/lib/supportEvents.d.ts +1 -1
- package/dist/lib/supportEvents.js.map +1 -1
- package/dist/lib/utils.d.ts +1 -1
- package/dist/lib/utils.js +1 -1
- package/dist/lib/utils.js.map +1 -1
- package/dist/tokenized/index.d.ts +2 -0
- package/dist/tokenized/index.js +2 -0
- package/dist/tokenized/index.js.map +1 -0
- package/dist/unstable.css.map +1 -1
- package/dist/vkui.css +21 -18
- package/dist/vkui.css.map +1 -1
- package/package.json +39 -37
- package/postcss.config.js +10 -1
- package/src/components/ActionSheet/ActionSheet.tsx +3 -3
- package/src/components/ActionSheet/ActionSheetContext.ts +11 -7
- package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +5 -7
- package/src/components/ActionSheetItem/ActionSheetItem.tsx +14 -9
- package/src/components/AdaptivityProvider/AdaptivityContext.tsx +6 -4
- package/src/components/AdaptivityProvider/AdaptivityProvider.tsx +18 -13
- package/src/components/Alert/Alert.tsx +33 -20
- package/src/components/AppRoot/AppRoot.tsx +25 -19
- package/src/components/AppRoot/AppRootContext.ts +1 -1
- package/src/components/AppRoot/ScrollContext.ts +9 -9
- package/src/components/AppearanceProvider/AppearanceProvider.tsx +44 -0
- package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +12 -0
- package/src/components/Avatar/Avatar.tsx +8 -14
- package/src/components/Banner/Banner.tsx +2 -1
- package/src/components/Button/Button.css +9 -39
- package/src/components/Button/Button.tsx +5 -5
- package/src/components/Card/Card.css +14 -22
- package/src/components/Card/Card.tsx +1 -0
- package/src/components/CardGrid/CardGrid.tsx +1 -0
- package/src/components/CardScroll/CardScroll.css +10 -23
- package/src/components/CardScroll/CardScroll.tsx +27 -6
- package/src/components/Cell/Cell.tsx +1 -1
- package/src/components/Cell/useDraggable.tsx +53 -45
- package/src/components/Checkbox/Checkbox.tsx +1 -0
- package/src/components/Chip/Chip.tsx +1 -0
- package/src/components/ChipsInput/ChipsInput.tsx +50 -45
- package/src/components/ChipsInput/useChipsInput.ts +10 -9
- package/src/components/ChipsSelect/ChipsSelect.tsx +78 -53
- package/src/components/ChipsSelect/Readme.md +44 -57
- package/src/components/ChipsSelect/useChipsSelect.ts +16 -10
- package/src/components/ClickPopper/ClickPopper.tsx +11 -7
- package/src/components/ConfigProvider/ConfigProvider.tsx +69 -57
- package/src/components/ConfigProvider/ConfigProviderContext.tsx +1 -40
- package/src/components/ContentCard/ContentCard.tsx +7 -0
- package/src/components/Counter/Counter.tsx +1 -0
- package/src/components/CustomScrollView/CustomScrollView.tsx +27 -20
- package/src/components/CustomSelect/CustomSelect.tsx +70 -49
- package/src/components/CustomSelect/Readme.md +1 -1
- package/src/components/CustomSelectDropdown/CustomSelectDropdown.tsx +2 -2
- package/src/components/CustomSelectOption/CustomSelectOption.tsx +3 -2
- package/src/components/DatePicker/DatePicker.tsx +14 -18
- package/src/components/Div/Div.tsx +1 -0
- package/src/components/Dropdown/Dropdown.tsx +4 -45
- package/src/components/Epic/Epic.tsx +14 -9
- package/src/components/Epic/ScrollSaver.tsx +1 -2
- package/src/components/File/File.tsx +2 -1
- package/src/components/FixedLayout/FixedLayout.tsx +4 -3
- package/src/components/FocusTrap/FocusTrap.tsx +10 -8
- package/src/components/FormItem/FormItem.tsx +5 -1
- package/src/components/FormLayout/FormLayout.tsx +9 -9
- package/src/components/FormLayoutGroup/FormLayoutGroup.tsx +6 -1
- package/src/components/Gallery/Gallery.tsx +71 -63
- package/src/components/Gradient/Gradient.tsx +1 -0
- package/src/components/Group/Group.tsx +1 -0
- package/src/components/Header/Header.tsx +3 -0
- package/src/components/HorizontalScroll/HorizontalScroll.tsx +27 -8
- package/src/components/HorizontalScroll/HorizontalScrollArrow.css +3 -1
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -0
- package/src/components/HoverPopper/HoverPopper.tsx +6 -4
- package/src/components/IconButton/IconButton.tsx +9 -0
- package/src/components/InfoRow/InfoRow.tsx +1 -0
- package/src/components/InitialsAvatar/InitialsAvatar.tsx +1 -1
- package/src/components/Input/Input.tsx +1 -0
- package/src/components/Link/Link.tsx +1 -0
- package/src/components/List/List.tsx +1 -0
- package/src/components/MiniInfoCell/MiniInfoCell.tsx +1 -1
- package/src/components/ModalCard/ModalCard.tsx +8 -2
- package/src/components/ModalCardBase/ModalCardBase.tsx +5 -3
- package/src/components/ModalDismissButton/ModalDismissButton.tsx +1 -0
- package/src/components/ModalPage/ModalPage.tsx +9 -3
- package/src/components/ModalPageHeader/ModalPageHeader.css +9 -228
- package/src/components/ModalPageHeader/ModalPageHeader.tsx +31 -41
- package/src/components/ModalRoot/ModalRoot.tsx +93 -62
- package/src/components/ModalRoot/ModalRootAdaptive.tsx +7 -4
- package/src/components/ModalRoot/ModalRootContext.tsx +12 -8
- package/src/components/ModalRoot/ModalRootDesktop.tsx +33 -19
- package/src/components/ModalRoot/types.ts +1 -1
- package/src/components/ModalRoot/useModalManager.tsx +31 -19
- package/src/components/ModalRoot/withModalRootContext.tsx +4 -2
- package/src/components/NativeSelect/NativeSelect.tsx +10 -7
- package/src/components/Panel/Panel.tsx +7 -10
- package/src/components/PanelHeader/PanelHeader.css +7 -3
- package/src/components/PanelHeader/PanelHeader.tsx +11 -19
- package/src/components/PanelHeaderBack/PanelHeaderBack.tsx +1 -0
- package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +19 -7
- package/src/components/PanelHeaderClose/PanelHeaderClose.tsx +1 -0
- package/src/components/PanelHeaderContent/PanelHeaderContent.css +16 -5
- package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +4 -0
- package/src/components/PanelHeaderContext/PanelHeaderContext.tsx +3 -3
- package/src/components/PanelHeaderEdit/PanelHeaderEdit.tsx +1 -0
- package/src/components/PanelHeaderSubmit/PanelHeaderSubmit.tsx +1 -0
- package/src/components/PanelSpinner/PanelSpinner.tsx +1 -0
- package/src/components/Placeholder/Placeholder.tsx +1 -0
- package/src/components/PopoutRoot/PopoutRoot.tsx +8 -5
- package/src/components/PopoutWrapper/PopoutWrapper.tsx +3 -3
- package/src/components/Popper/Popper.tsx +18 -14
- package/src/components/Progress/Progress.tsx +2 -5
- package/src/components/PromoBanner/PromoBanner.tsx +9 -0
- package/src/components/PullToRefresh/PullToRefresh.tsx +14 -7
- package/src/components/PullToRefresh/PullToRefreshSpinner.tsx +7 -14
- package/src/components/Radio/Radio.tsx +1 -0
- package/src/components/RangeSlider/RangeSlider.tsx +20 -13
- package/src/components/RangeSlider/UniversalSlider.tsx +16 -14
- package/src/components/Removable/Removable.tsx +15 -8
- package/src/components/RichCell/RichCell.tsx +1 -0
- package/src/components/RichTooltip/RichTooltip.tsx +2 -44
- package/src/components/Root/Root.tsx +33 -11
- package/src/components/ScreenSpinner/ScreenSpinner.tsx +1 -0
- package/src/components/Search/Search.tsx +8 -7
- package/src/components/Select/Select.tsx +7 -2
- package/src/components/SelectMimicry/SelectMimicry.tsx +3 -2
- package/src/components/Separator/Separator.tsx +1 -0
- package/src/components/SimpleCell/SimpleCell.tsx +1 -0
- package/src/components/SimpleCheckbox/SimpleCheckbox.tsx +7 -5
- package/src/components/Slider/Slider.tsx +23 -19
- package/src/components/SliderSwitch/SliderSwitch.tsx +7 -4
- package/src/components/SliderSwitch/SliderSwitchButton.tsx +1 -0
- package/src/components/Snackbar/Readme.md +26 -0
- package/src/components/Snackbar/Snackbar.tsx +15 -10
- package/src/components/Spinner/Spinner.tsx +1 -0
- package/src/components/SplitCol/SplitCol.tsx +2 -2
- package/src/components/Tabbar/Tabbar.tsx +1 -0
- package/src/components/TabbarItem/TabbarItem.tsx +9 -1
- package/src/components/Tabs/Tabs.tsx +1 -0
- package/src/components/TabsItem/TabsItem.tsx +1 -0
- package/src/components/Tappable/Tappable.tsx +6 -5
- package/src/components/TextTooltip/TextTooltip.tsx +3 -38
- package/src/components/Textarea/Textarea.tsx +4 -3
- package/src/components/Tooltip/Tooltip.tsx +20 -11
- package/src/components/Touch/Touch.tsx +25 -12
- package/src/components/Touch/TouchContext.ts +1 -0
- package/src/components/Typography/Caption/Caption.tsx +1 -0
- package/src/components/Typography/Headline/Headline.tsx +1 -0
- package/src/components/Typography/Subhead/Subhead.tsx +1 -0
- package/src/components/Typography/Text/Text.tsx +1 -0
- package/src/components/Typography/Title/Title.tsx +1 -0
- package/src/components/UsersStack/UsersStack.tsx +9 -1
- package/src/components/UsersStack/masks.tsx +2 -2
- package/src/components/View/View.tsx +98 -55
- package/src/components/View/ViewInfinite.tsx +94 -66
- package/src/components/WriteBar/WriteBar.tsx +5 -5
- package/src/components/WriteBarIcon/WriteBarIcon.tsx +1 -1
- package/src/helpers/getScheme.ts +27 -0
- package/src/helpers/scheme.ts +86 -0
- package/src/hoc/withAdaptivity.tsx +13 -6
- package/src/hoc/withContext.tsx +4 -5
- package/src/hoc/withInsets.tsx +7 -5
- package/src/hoc/withPlatform.tsx +9 -5
- package/src/hooks/useAdaptivity.ts +2 -1
- package/src/hooks/useEnsuredControl.ts +2 -2
- package/src/hooks/useEventListener.ts +32 -25
- package/src/hooks/useExternRef.ts +10 -4
- package/src/hooks/useGlobalEventListener.ts +19 -13
- package/src/hooks/useInsets.ts +8 -1
- package/src/hooks/useKeyboard.ts +33 -30
- package/src/hooks/usePatchChildrenRef.ts +3 -3
- package/src/hooks/usePlatform.ts +1 -1
- package/src/hooks/useTimeout.ts +15 -11
- package/src/hooks/useWaitTransitionFinish.ts +5 -3
- package/src/index.ts +5 -5
- package/src/lib/SSR.tsx +2 -2
- package/src/lib/accessibility.ts +1 -1
- package/src/lib/animate.ts +1 -0
- package/src/lib/dom.tsx +3 -3
- package/src/lib/isRefObject.ts +1 -1
- package/src/lib/jsxRuntime.ts +5 -7
- package/src/lib/offset.ts +10 -10
- package/src/lib/platform.ts +5 -1
- package/src/lib/polyfills.ts +2 -2
- package/src/lib/prefixClass.ts +1 -1
- package/src/lib/select.ts +4 -4
- package/src/lib/styles.ts +1 -1
- package/src/lib/supportEvents.ts +1 -1
- package/src/lib/utils.ts +4 -2
- package/src/styles/bright_light.css +2 -1
- package/src/styles/space_gray.css +2 -1
- package/src/styles/themes.css +6 -0
- package/src/styles/vkcom_dark.css +2 -1
- package/src/styles/vkcom_light.css +2 -1
- package/src/testing/utils.tsx +4 -5
- package/src/tokenized/index.ts +2 -0
- package/tokenized/index.d.ts +1 -0
- package/tokenized/package.json +4 -0
- package/tsconfig.json +1 -3
- package/webpack.config.js +10 -8
- package/webpack.styles.config.js +5 -2
|
@@ -34,11 +34,11 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
34
34
|
|
|
35
35
|
_this = _super.call(this, props);
|
|
36
36
|
|
|
37
|
-
_defineProperty(_assertThisInitialized(_this), "container",
|
|
37
|
+
_defineProperty(_assertThisInitialized(_this), "container", null);
|
|
38
38
|
|
|
39
39
|
_defineProperty(_assertThisInitialized(_this), "slidesStore", void 0);
|
|
40
40
|
|
|
41
|
-
_defineProperty(_assertThisInitialized(_this), "viewport",
|
|
41
|
+
_defineProperty(_assertThisInitialized(_this), "viewport", null);
|
|
42
42
|
|
|
43
43
|
_defineProperty(_assertThisInitialized(_this), "onStart", function () {
|
|
44
44
|
_this.setState({
|
|
@@ -64,14 +64,18 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
64
64
|
});
|
|
65
65
|
|
|
66
66
|
_defineProperty(_assertThisInitialized(_this), "onEnd", function (e) {
|
|
67
|
-
var
|
|
67
|
+
var _this$props$slideInde;
|
|
68
|
+
|
|
69
|
+
var targetIndex = e.isSlide ? _this.getTarget(e) : (_this$props$slideInde = _this.props.slideIndex) !== null && _this$props$slideInde !== void 0 ? _this$props$slideInde : 0;
|
|
68
70
|
_this.props.onDragEnd && _this.props.onDragEnd(e);
|
|
69
71
|
|
|
70
72
|
_this.setState({
|
|
71
73
|
deltaX: 0,
|
|
72
74
|
animation: true
|
|
73
75
|
}, function () {
|
|
74
|
-
|
|
76
|
+
var _this$props$onChange, _this$props;
|
|
77
|
+
|
|
78
|
+
return (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 ? void 0 : _this$props$onChange.call(_this$props, targetIndex);
|
|
75
79
|
});
|
|
76
80
|
|
|
77
81
|
if (_this.props.onEnd) {
|
|
@@ -88,31 +92,33 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
88
92
|
});
|
|
89
93
|
|
|
90
94
|
_defineProperty(_assertThisInitialized(_this), "slideLeft", function () {
|
|
91
|
-
var _this$
|
|
92
|
-
|
|
93
|
-
|
|
95
|
+
var _this$props2 = _this.props,
|
|
96
|
+
_this$props2$slideInd = _this$props2.slideIndex,
|
|
97
|
+
slideIndex = _this$props2$slideInd === void 0 ? 0 : _this$props2$slideInd,
|
|
98
|
+
onChange = _this$props2.onChange;
|
|
94
99
|
|
|
95
100
|
if (_this.canSlideLeft) {
|
|
96
101
|
_this.setState({
|
|
97
102
|
deltaX: 0,
|
|
98
103
|
animation: true
|
|
99
104
|
}, function () {
|
|
100
|
-
return onChange(slideIndex - 1);
|
|
105
|
+
return onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex - 1);
|
|
101
106
|
});
|
|
102
107
|
}
|
|
103
108
|
});
|
|
104
109
|
|
|
105
110
|
_defineProperty(_assertThisInitialized(_this), "slideRight", function () {
|
|
106
|
-
var _this$
|
|
107
|
-
|
|
108
|
-
|
|
111
|
+
var _this$props3 = _this.props,
|
|
112
|
+
_this$props3$slideInd = _this$props3.slideIndex,
|
|
113
|
+
slideIndex = _this$props3$slideInd === void 0 ? 0 : _this$props3$slideInd,
|
|
114
|
+
onChange = _this$props3.onChange;
|
|
109
115
|
|
|
110
116
|
if (_this.canSlideRight) {
|
|
111
117
|
_this.setState({
|
|
112
118
|
deltaX: 0,
|
|
113
119
|
animation: true
|
|
114
120
|
}, function () {
|
|
115
|
-
return onChange(slideIndex + 1);
|
|
121
|
+
return onChange === null || onChange === void 0 ? void 0 : onChange(slideIndex + 1);
|
|
116
122
|
});
|
|
117
123
|
}
|
|
118
124
|
});
|
|
@@ -125,12 +131,18 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
125
131
|
|
|
126
132
|
_defineProperty(_assertThisInitialized(_this), "getViewportRef", function (viewport) {
|
|
127
133
|
_this.viewport = viewport;
|
|
128
|
-
|
|
134
|
+
|
|
135
|
+
if (_this.props.getRef) {
|
|
136
|
+
setRef(viewport, _this.props.getRef);
|
|
137
|
+
}
|
|
129
138
|
});
|
|
130
139
|
|
|
131
140
|
_defineProperty(_assertThisInitialized(_this), "getRootRef", function (container) {
|
|
132
141
|
_this.container = container;
|
|
133
|
-
|
|
142
|
+
|
|
143
|
+
if (_this.props.getRootRef) {
|
|
144
|
+
setRef(container, _this.props.getRootRef);
|
|
145
|
+
}
|
|
134
146
|
});
|
|
135
147
|
|
|
136
148
|
_this.state = {
|
|
@@ -153,18 +165,23 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
153
165
|
}, {
|
|
154
166
|
key: "initializeSlides",
|
|
155
167
|
value: function initializeSlides() {
|
|
156
|
-
var
|
|
168
|
+
var _React$Children$map,
|
|
169
|
+
_this2 = this,
|
|
170
|
+
_this$container$offse,
|
|
171
|
+
_this$container;
|
|
157
172
|
|
|
158
173
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
159
|
-
var slides = React.Children.map(this.props.children, function (_item, i) {
|
|
174
|
+
var slides = (_React$Children$map = React.Children.map(this.props.children, function (_item, i) {
|
|
175
|
+
var _elem$offsetLeft, _elem$offsetWidth;
|
|
176
|
+
|
|
160
177
|
var elem = _this2.slidesStore["slide-".concat(i)];
|
|
161
178
|
|
|
162
179
|
return {
|
|
163
|
-
coordX: elem.offsetLeft,
|
|
164
|
-
width: elem.offsetWidth
|
|
180
|
+
coordX: (_elem$offsetLeft = elem === null || elem === void 0 ? void 0 : elem.offsetLeft) !== null && _elem$offsetLeft !== void 0 ? _elem$offsetLeft : 0,
|
|
181
|
+
width: (_elem$offsetWidth = elem === null || elem === void 0 ? void 0 : elem.offsetWidth) !== null && _elem$offsetWidth !== void 0 ? _elem$offsetWidth : 0
|
|
165
182
|
};
|
|
166
|
-
});
|
|
167
|
-
var containerWidth = this.container.offsetWidth;
|
|
183
|
+
})) !== null && _React$Children$map !== void 0 ? _React$Children$map : [];
|
|
184
|
+
var containerWidth = (_this$container$offse = (_this$container = this.container) === null || _this$container === void 0 ? void 0 : _this$container.offsetWidth) !== null && _this$container$offse !== void 0 ? _this$container$offse : 0;
|
|
168
185
|
var layerWidth = slides.reduce(function (val, slide) {
|
|
169
186
|
return slide.width + val;
|
|
170
187
|
}, 0);
|
|
@@ -183,38 +200,45 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
183
200
|
containerWidth: containerWidth,
|
|
184
201
|
slides: slides
|
|
185
202
|
}, function () {
|
|
186
|
-
|
|
203
|
+
if (_this2.props.slideIndex !== undefined) {
|
|
204
|
+
var shiftX = _this2.calculateIndent(_this2.props.slideIndex);
|
|
187
205
|
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
206
|
+
if (_this2.state.shiftX === shiftX) {
|
|
207
|
+
return;
|
|
208
|
+
}
|
|
191
209
|
|
|
192
|
-
|
|
210
|
+
var isValidShift = _this2.state.shiftX === _this2.validateIndent(_this2.state.shiftX);
|
|
193
211
|
|
|
194
|
-
|
|
195
|
-
|
|
212
|
+
var _options$animation = options.animation,
|
|
213
|
+
animation = _options$animation === void 0 ? isValidShift : _options$animation;
|
|
196
214
|
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
215
|
+
_this2.setState({
|
|
216
|
+
shiftX: shiftX,
|
|
217
|
+
animation: animation
|
|
218
|
+
}, function () {
|
|
219
|
+
if (!_this2.state.animation) {
|
|
220
|
+
var _this2$props$window;
|
|
221
|
+
|
|
222
|
+
(_this2$props$window = _this2.props.window) === null || _this2$props$window === void 0 ? void 0 : _this2$props$window.requestAnimationFrame(function () {
|
|
223
|
+
return _this2.setState({
|
|
224
|
+
animation: true
|
|
225
|
+
});
|
|
205
226
|
});
|
|
206
|
-
}
|
|
207
|
-
}
|
|
208
|
-
}
|
|
227
|
+
}
|
|
228
|
+
});
|
|
229
|
+
}
|
|
209
230
|
});
|
|
210
231
|
}
|
|
211
232
|
}, {
|
|
212
233
|
key: "calcMin",
|
|
213
234
|
value: function calcMin(_ref) {
|
|
235
|
+
var _this$viewport$offset, _this$viewport;
|
|
236
|
+
|
|
214
237
|
var containerWidth = _ref.containerWidth,
|
|
215
|
-
layerWidth = _ref.layerWidth,
|
|
238
|
+
_ref$layerWidth = _ref.layerWidth,
|
|
239
|
+
layerWidth = _ref$layerWidth === void 0 ? 0 : _ref$layerWidth,
|
|
216
240
|
slides = _ref.slides;
|
|
217
|
-
var viewportWidth = this.viewport.offsetWidth;
|
|
241
|
+
var viewportWidth = (_this$viewport$offset = (_this$viewport = this.viewport) === null || _this$viewport === void 0 ? void 0 : _this$viewport.offsetWidth) !== null && _this$viewport$offset !== void 0 ? _this$viewport$offset : 0;
|
|
218
242
|
|
|
219
243
|
switch (this.props.align) {
|
|
220
244
|
case "left":
|
|
@@ -234,12 +258,16 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
234
258
|
}
|
|
235
259
|
|
|
236
260
|
}
|
|
261
|
+
|
|
262
|
+
return undefined;
|
|
237
263
|
}
|
|
238
264
|
}, {
|
|
239
265
|
key: "calcMax",
|
|
240
266
|
value: function calcMax(_ref2) {
|
|
267
|
+
var _this$viewport$offset2, _this$viewport2;
|
|
268
|
+
|
|
241
269
|
var slides = _ref2.slides;
|
|
242
|
-
var viewportWidth = this.viewport.offsetWidth;
|
|
270
|
+
var viewportWidth = (_this$viewport$offset2 = (_this$viewport2 = this.viewport) === null || _this$viewport2 === void 0 ? void 0 : _this$viewport2.offsetWidth) !== null && _this$viewport$offset2 !== void 0 ? _this$viewport$offset2 : 0;
|
|
243
271
|
|
|
244
272
|
if (this.isCenterWithCustomWidth && slides.length) {
|
|
245
273
|
var _slides$ = slides[0],
|
|
@@ -270,7 +298,9 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
270
298
|
width = targetSlide.width;
|
|
271
299
|
|
|
272
300
|
if (this.isCenterWithCustomWidth) {
|
|
273
|
-
var
|
|
301
|
+
var _this$viewport$offset3, _this$viewport3;
|
|
302
|
+
|
|
303
|
+
var viewportWidth = (_this$viewport$offset3 = (_this$viewport3 = this.viewport) === null || _this$viewport3 === void 0 ? void 0 : _this$viewport3.offsetWidth) !== null && _this$viewport$offset3 !== void 0 ? _this$viewport$offset3 : 0;
|
|
274
304
|
return viewportWidth / 2 - coordX - width / 2;
|
|
275
305
|
}
|
|
276
306
|
|
|
@@ -289,8 +319,10 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
289
319
|
var _this$state = this.state,
|
|
290
320
|
shiftX = _this$state.shiftX,
|
|
291
321
|
deltaX = _this$state.deltaX,
|
|
292
|
-
min = _this$state.min,
|
|
293
|
-
|
|
322
|
+
_this$state$min = _this$state.min,
|
|
323
|
+
min = _this$state$min === void 0 ? 0 : _this$state$min,
|
|
324
|
+
_this$state$max = _this$state.max,
|
|
325
|
+
max = _this$state$max === void 0 ? 0 : _this$state$max;
|
|
294
326
|
var indent = shiftX + deltaX;
|
|
295
327
|
|
|
296
328
|
if (indent > max) {
|
|
@@ -305,8 +337,10 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
305
337
|
key: "validateIndent",
|
|
306
338
|
value: function validateIndent(value) {
|
|
307
339
|
var _this$state2 = this.state,
|
|
308
|
-
min = _this$state2.min,
|
|
309
|
-
|
|
340
|
+
_this$state2$min = _this$state2.min,
|
|
341
|
+
min = _this$state2$min === void 0 ? 0 : _this$state2$min,
|
|
342
|
+
_this$state2$max = _this$state2.max,
|
|
343
|
+
max = _this$state2$max === void 0 ? 0 : _this$state2$max;
|
|
310
344
|
|
|
311
345
|
if (value < min) {
|
|
312
346
|
return min;
|
|
@@ -319,7 +353,9 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
319
353
|
}, {
|
|
320
354
|
key: "isFullyVisible",
|
|
321
355
|
get: function get() {
|
|
322
|
-
|
|
356
|
+
var _this$state$layerWidt;
|
|
357
|
+
|
|
358
|
+
return ((_this$state$layerWidt = this.state.layerWidth) !== null && _this$state$layerWidt !== void 0 ? _this$state$layerWidt : 0) <= this.state.containerWidth;
|
|
323
359
|
}
|
|
324
360
|
/*
|
|
325
361
|
* Получает индекс слайда, к которому будет осуществлен переход
|
|
@@ -332,8 +368,10 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
332
368
|
slides = _this$state3.slides,
|
|
333
369
|
deltaX = _this$state3.deltaX,
|
|
334
370
|
shiftX = _this$state3.shiftX,
|
|
335
|
-
max = _this$state3.max
|
|
336
|
-
|
|
371
|
+
_this$state3$max = _this$state3.max,
|
|
372
|
+
max = _this$state3$max === void 0 ? 0 : _this$state3$max;
|
|
373
|
+
var _this$props$slideInde2 = this.props.slideIndex,
|
|
374
|
+
slideIndex = _this$props$slideInde2 === void 0 ? 0 : _this$props$slideInde2;
|
|
337
375
|
var expectDeltaX = deltaX / e.duration * 240 * 0.6;
|
|
338
376
|
var shift = shiftX + deltaX + expectDeltaX - max;
|
|
339
377
|
var direction = deltaX < 0 ? 1 : -1; // Находим ближайшую границу слайда к текущему отступу
|
|
@@ -367,13 +405,17 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
367
405
|
get: function get() {
|
|
368
406
|
var _this$state4 = this.state,
|
|
369
407
|
containerWidth = _this$state4.containerWidth,
|
|
370
|
-
|
|
408
|
+
_this$state4$layerWid = _this$state4.layerWidth,
|
|
409
|
+
layerWidth = _this$state4$layerWid === void 0 ? 0 : _this$state4$layerWid,
|
|
371
410
|
shiftX = _this$state4.shiftX,
|
|
372
411
|
slides = _this$state4.slides;
|
|
373
|
-
var _this$
|
|
374
|
-
align = _this$
|
|
375
|
-
|
|
376
|
-
|
|
412
|
+
var _this$props4 = this.props,
|
|
413
|
+
align = _this$props4.align,
|
|
414
|
+
_this$props4$slideInd = _this$props4.slideIndex,
|
|
415
|
+
slideIndex = _this$props4$slideInd === void 0 ? 0 : _this$props4$slideInd;
|
|
416
|
+
return !this.isFullyVisible && ( // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side
|
|
417
|
+
align === "left" && containerWidth - shiftX < layerWidth || // otherwise we need to check current slide index (align = right or align = center)
|
|
418
|
+
align !== "left" && slideIndex < slides.length - 1);
|
|
377
419
|
}
|
|
378
420
|
}, {
|
|
379
421
|
key: "componentDidMount",
|
|
@@ -394,10 +436,12 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
394
436
|
if (widthChanged || slideCountChanged || isCustomWidth && isPropUpdate) {
|
|
395
437
|
this.initializeSlides();
|
|
396
438
|
} else if (this.props.slideIndex !== prevProps.slideIndex) {
|
|
439
|
+
var _this$props$slideInde3;
|
|
440
|
+
|
|
397
441
|
this.setState({
|
|
398
442
|
animation: true,
|
|
399
443
|
deltaX: 0,
|
|
400
|
-
shiftX: this.calculateIndent(this.props.slideIndex)
|
|
444
|
+
shiftX: this.calculateIndent((_this$props$slideInde3 = this.props.slideIndex) !== null && _this$props$slideInde3 !== void 0 ? _this$props$slideInde3 : 0)
|
|
401
445
|
});
|
|
402
446
|
}
|
|
403
447
|
}
|
|
@@ -416,25 +460,26 @@ var BaseGallery = /*#__PURE__*/function (_React$Component) {
|
|
|
416
460
|
duration = _this$state5.duration,
|
|
417
461
|
dragging = _this$state5.dragging;
|
|
418
462
|
|
|
419
|
-
var _this$
|
|
420
|
-
children = _this$
|
|
421
|
-
slideWidth = _this$
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
463
|
+
var _this$props5 = this.props,
|
|
464
|
+
children = _this$props5.children,
|
|
465
|
+
slideWidth = _this$props5.slideWidth,
|
|
466
|
+
_this$props5$slideInd = _this$props5.slideIndex,
|
|
467
|
+
slideIndex = _this$props5$slideInd === void 0 ? 0 : _this$props5$slideInd,
|
|
468
|
+
isDraggable = _this$props5.isDraggable,
|
|
469
|
+
onDragStart = _this$props5.onDragStart,
|
|
470
|
+
onDragEnd = _this$props5.onDragEnd,
|
|
471
|
+
onChange = _this$props5.onChange,
|
|
472
|
+
onEnd = _this$props5.onEnd,
|
|
473
|
+
align = _this$props5.align,
|
|
474
|
+
bullets = _this$props5.bullets,
|
|
475
|
+
platform = _this$props5.platform,
|
|
476
|
+
hasMouse = _this$props5.hasMouse,
|
|
477
|
+
showArrows = _this$props5.showArrows,
|
|
478
|
+
window = _this$props5.window,
|
|
479
|
+
document = _this$props5.document,
|
|
480
|
+
getRef = _this$props5.getRef,
|
|
481
|
+
getRootRef = _this$props5.getRootRef,
|
|
482
|
+
restProps = _objectWithoutProperties(_this$props5, _excluded);
|
|
438
483
|
|
|
439
484
|
var indent = dragging ? this.calculateDragIndent() : this.calculateIndent(slideIndex);
|
|
440
485
|
var layerStyle = {
|
|
@@ -504,10 +549,13 @@ var BaseGalleryAdaptive = withAdaptivity(withDOM(BaseGallery), {
|
|
|
504
549
|
});
|
|
505
550
|
|
|
506
551
|
var Gallery = function Gallery(_ref3) {
|
|
552
|
+
var _props$slideIndex;
|
|
553
|
+
|
|
507
554
|
var _ref3$initialSlideInd = _ref3.initialSlideIndex,
|
|
508
555
|
initialSlideIndex = _ref3$initialSlideInd === void 0 ? 0 : _ref3$initialSlideInd,
|
|
509
556
|
children = _ref3.children,
|
|
510
|
-
timeout = _ref3.timeout,
|
|
557
|
+
_ref3$timeout = _ref3.timeout,
|
|
558
|
+
timeout = _ref3$timeout === void 0 ? 0 : _ref3$timeout,
|
|
511
559
|
onChange = _ref3.onChange,
|
|
512
560
|
props = _objectWithoutProperties(_ref3, _excluded2);
|
|
513
561
|
|
|
@@ -517,7 +565,7 @@ var Gallery = function Gallery(_ref3) {
|
|
|
517
565
|
setSlideIndex = _React$useState2[1];
|
|
518
566
|
|
|
519
567
|
var isControlled = typeof props.slideIndex === "number";
|
|
520
|
-
var slideIndex = isControlled ? props.slideIndex : localSlideIndex;
|
|
568
|
+
var slideIndex = isControlled ? (_props$slideIndex = props.slideIndex) !== null && _props$slideIndex !== void 0 ? _props$slideIndex : 0 : localSlideIndex;
|
|
521
569
|
var isDraggable = !isControlled || Boolean(onChange);
|
|
522
570
|
var slides = React.Children.toArray(children).filter(function (item) {
|
|
523
571
|
return Boolean(item);
|
|
@@ -530,13 +578,13 @@ var Gallery = function Gallery(_ref3) {
|
|
|
530
578
|
|
|
531
579
|
!isControlled && setSlideIndex(current);
|
|
532
580
|
onChange && onChange(current);
|
|
533
|
-
}, [onChange, slideIndex]);
|
|
581
|
+
}, [isControlled, onChange, slideIndex]);
|
|
534
582
|
var autoplay = useTimeout(function () {
|
|
535
583
|
return handleChange((slideIndex + 1) % childCount);
|
|
536
584
|
}, timeout);
|
|
537
585
|
React.useEffect(function () {
|
|
538
586
|
return timeout ? autoplay.set() : autoplay.clear();
|
|
539
|
-
}, [timeout, slideIndex]); // prevent invalid slideIndex
|
|
587
|
+
}, [timeout, slideIndex, autoplay]); // prevent invalid slideIndex
|
|
540
588
|
// any slide index is invalid with no slides, just keep it as is
|
|
541
589
|
|
|
542
590
|
var safeSlideIndex = childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex; // notify parent in controlled mode
|
|
@@ -545,14 +593,15 @@ var Gallery = function Gallery(_ref3) {
|
|
|
545
593
|
if (onChange && safeSlideIndex !== slideIndex) {
|
|
546
594
|
onChange(safeSlideIndex);
|
|
547
595
|
}
|
|
548
|
-
}, [safeSlideIndex]);
|
|
596
|
+
}, [onChange, safeSlideIndex, slideIndex]);
|
|
549
597
|
return createScopedElement(BaseGalleryAdaptive, _extends({
|
|
550
598
|
isDraggable: isDraggable
|
|
551
599
|
}, props, {
|
|
552
600
|
slideIndex: safeSlideIndex,
|
|
553
601
|
onChange: handleChange
|
|
554
602
|
}), slides);
|
|
555
|
-
};
|
|
603
|
+
}; // eslint-disable-next-line import/no-default-export
|
|
604
|
+
|
|
556
605
|
|
|
557
606
|
export default withPlatform(Gallery);
|
|
558
607
|
//# sourceMappingURL=Gallery.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n >,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string | number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: \"dark\" | \"light\" | false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n BaseGalleryProps & DOMProps & AdaptivityProps,\n GalleryState\n> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement;\n slidesStore: {\n [index: string]: HTMLElement;\n };\n viewport: HTMLElement;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: \"100%\",\n children: \"\",\n align: \"left\",\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides: GallerySlidesState[] = React.Children.map(\n this.props.children,\n (_item: React.ReactElement, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem.offsetLeft,\n width: elem.offsetWidth,\n };\n }\n );\n\n const containerWidth = this.container.offsetWidth;\n const layerWidth = slides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0\n );\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift =\n this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window.requestAnimationFrame(() =>\n this.setState({ animation: true })\n );\n }\n });\n });\n }\n\n calcMin({\n containerWidth,\n layerWidth,\n slides,\n }: Pick<GalleryState, \"containerWidth\" | \"layerWidth\" | \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n switch (this.props.align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportWidth - layerWidth;\n case \"center\":\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n );\n }\n }\n }\n\n calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n const viewportWidth = this.viewport.offsetWidth;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /*\n * Считает отступ слоя галереи\n */\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport.offsetWidth;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 * coordX);\n } else {\n return 0;\n }\n }\n\n /*\n * Считает отступ слоя галереи во время драга\n */\n calculateDragIndent() {\n const { shiftX, deltaX, min, max } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min, max } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return this.state.layerWidth <= this.state.containerWidth;\n }\n\n /*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max } = this.state;\n const { slideIndex } = this.props;\n const expectDeltaX = (deltaX / e.duration) * 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (\n this.state.deltaX !== e.shiftX ||\n this.state.dragging !== e.isSlideX\n ) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide ? this.getTarget(e) : this.props.slideIndex;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () =>\n this.props.onChange(targetIndex)\n );\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth, shiftX, slides } = this.state;\n const { align, slideIndex } = this.props;\n return (\n !this.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === \"left\" && containerWidth - shiftX < layerWidth) ||\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== \"left\" && slideIndex < slides.length - 1))\n );\n }\n\n slideLeft = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex - 1)\n );\n }\n };\n\n slideRight = () => {\n const { slideIndex, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange(slideIndex + 1)\n );\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n setRef(viewport, this.props.getRef);\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n setRef(container, this.props.getRootRef);\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window.addEventListener(\"resize\", this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged =\n React.Children.count(this.props.children) !==\n React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === \"custom\";\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged || slideCountChanged || (isCustomWidth && isPropUpdate)) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window.removeEventListener(\"resize\", this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging\n ? this.calculateDragIndent()\n : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation\n ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n transition: animation\n ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Gallery\", platform),\n `Gallery--${align}`,\n {\n \"Gallery--dragging\": dragging,\n \"Gallery--custom-width\": slideWidth === \"custom\",\n }\n )}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(\n children,\n (item: React.ReactElement, i: number) => (\n <div\n vkuiClass=\"Gallery__slide\"\n key={`slide-${i}`}\n ref={this.getSlideRef(i)}\n >\n {item}\n </div>\n )\n )}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Gallery__bullets\",\n `Gallery__bullets--${bullets}`\n )}\n >\n {React.Children.map(\n children,\n (_item: React.ReactElement, index: number) => (\n <div\n vkuiClass={classNames(\"Gallery__bullet\", {\n \"Gallery__bullet--active\": index === slideIndex,\n })}\n key={index}\n />\n )\n )}\n </div>\n )}\n\n {showArrows && hasMouse && this.canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n )}\n {showArrows && hasMouse && this.canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n )}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(\n withDOM<BaseGalleryProps>(BaseGallery),\n {\n hasMouse: true,\n }\n);\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex : localSlideIndex;\n const isDraggable = !isControlled || Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) =>\n Boolean(item)\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [safeSlideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGalleryAdaptive>\n );\n};\n\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Gallery/Gallery.tsx"],"names":["React","getClassName","Touch","classNames","withPlatform","withDOM","setRef","withAdaptivity","HorizontalScrollArrow","clamp","useTimeout","BaseGallery","props","setState","animation","e","isDraggable","isFullyVisible","originalEvent","preventDefault","isSlideX","onDragStart","state","deltaX","shiftX","dragging","targetIndex","isSlide","getTarget","slideIndex","onDragEnd","onChange","onEnd","initializeSlides","canSlideLeft","canSlideRight","id","slide","slidesStore","viewport","getRef","container","getRootRef","containerWidth","slides","duration","slideWidth","align","options","Children","map","children","_item","i","elem","coordX","offsetLeft","width","offsetWidth","layerWidth","reduce","val","min","calcMin","max","calcMax","undefined","calculateIndent","isValidShift","validateIndent","window","requestAnimationFrame","viewportWidth","isCenterWithCustomWidth","length","targetSlide","indent","Number","value","expectDeltaX","shift","direction","item","index","previousValue","Math","abs","currentValue","addEventListener","onResize","prevProps","widthChanged","isPropUpdate","slideCountChanged","count","isCustomWidth","removeEventListener","bullets","platform","hasMouse","showArrows","document","restProps","calculateDragIndent","layerStyle","WebkitTransform","transform","WebkitTransition","transition","onStart","onMoveX","getViewportRef","getSlideRef","slideLeft","slideRight","Component","BaseGalleryAdaptive","Gallery","initialSlideIndex","timeout","useState","localSlideIndex","setSlideIndex","isControlled","Boolean","toArray","filter","childCount","handleChange","useCallback","current","autoplay","useEffect","set","clear","safeSlideIndex"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Touch, TouchEventHandler, TouchEvent } from \"../Touch/Touch\";\nimport { classNames } from \"../../lib/classNames\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { HasAlign, HasPlatform, HasRef, HasRootRef } from \"../../types\";\nimport { withDOM, DOMProps } from \"../../lib/dom\";\nimport { setRef } from \"../../lib/utils\";\nimport { withAdaptivity, AdaptivityProps } from \"../../hoc/withAdaptivity\";\nimport HorizontalScrollArrow from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { clamp } from \"../../helpers/math\";\nimport { useTimeout } from \"../../hooks/useTimeout\";\nimport \"./Gallery.css\";\n\nexport interface BaseGalleryProps\n extends Omit<\n React.HTMLAttributes<HTMLDivElement>,\n \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n >,\n HasPlatform,\n HasAlign,\n HasRootRef<HTMLDivElement>,\n HasRef<HTMLElement> {\n slideWidth?: string | number;\n slideIndex?: number;\n onDragStart?: TouchEventHandler;\n onDragEnd?: TouchEventHandler;\n onChange?(current: number): void;\n onEnd?({ targetIndex }: { targetIndex: number }): void;\n bullets?: \"dark\" | \"light\" | false;\n isDraggable?: boolean;\n showArrows?: boolean;\n}\n\nexport interface GalleryProps extends BaseGalleryProps {\n initialSlideIndex?: number;\n timeout?: number;\n}\n\nexport interface GalleryState {\n containerWidth: number;\n layerWidth?: number;\n min?: number;\n max?: number;\n deltaX: number;\n shiftX: number;\n slides: GallerySlidesState[];\n animation: boolean;\n duration: number;\n dragging?: boolean;\n}\n\nexport interface GallerySlidesState {\n coordX: number;\n width: number;\n}\n\ntype GetSlideRef = (index: number) => React.RefCallback<HTMLElement>;\n\nclass BaseGallery extends React.Component<\n BaseGalleryProps & DOMProps & AdaptivityProps,\n GalleryState\n> {\n constructor(props: GalleryProps) {\n super(props);\n\n this.state = {\n containerWidth: 0,\n deltaX: 0,\n shiftX: 0,\n slides: [],\n animation: true,\n duration: 0.24,\n };\n\n this.slidesStore = {};\n }\n\n container: HTMLDivElement | null = null;\n slidesStore: {\n [index: string]: HTMLElement | null;\n };\n viewport: HTMLElement | null = null;\n\n static defaultProps: Partial<BaseGalleryProps> = {\n slideWidth: \"100%\",\n children: \"\",\n align: \"left\",\n bullets: false,\n isDraggable: true,\n };\n\n get isCenterWithCustomWidth() {\n return this.props.slideWidth === \"custom\" && this.props.align === \"center\";\n }\n\n initializeSlides(options: { animation?: boolean } = {}) {\n const slides =\n React.Children.map(\n this.props.children,\n (_item: React.ReactNode, i: number): GallerySlidesState => {\n const elem = this.slidesStore[`slide-${i}`];\n return {\n coordX: elem?.offsetLeft ?? 0,\n width: elem?.offsetWidth ?? 0,\n };\n }\n ) ?? [];\n\n const containerWidth = this.container?.offsetWidth ?? 0;\n const layerWidth = slides.reduce(\n (val: number, slide: GallerySlidesState) => slide.width + val,\n 0\n );\n\n const min = this.calcMin({ containerWidth, layerWidth, slides });\n const max = this.calcMax({ slides });\n\n this.setState({ min, max, layerWidth, containerWidth, slides }, () => {\n if (this.props.slideIndex !== undefined) {\n const shiftX = this.calculateIndent(this.props.slideIndex);\n if (this.state.shiftX === shiftX) {\n return;\n }\n const isValidShift =\n this.state.shiftX === this.validateIndent(this.state.shiftX);\n const { animation = isValidShift } = options;\n this.setState({ shiftX, animation }, () => {\n if (!this.state.animation) {\n this.props.window?.requestAnimationFrame(() =>\n this.setState({ animation: true })\n );\n }\n });\n }\n });\n }\n\n calcMin({\n containerWidth,\n layerWidth = 0,\n slides,\n }: Pick<GalleryState, \"containerWidth\" | \"layerWidth\" | \"slides\">) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n switch (this.props.align) {\n case \"left\":\n return containerWidth - layerWidth;\n case \"right\":\n return viewportWidth - layerWidth;\n case \"center\":\n if (this.isCenterWithCustomWidth && slides.length) {\n const { coordX, width } = slides[slides.length - 1];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return (\n viewportWidth - (containerWidth - viewportWidth) / 2 - layerWidth\n );\n }\n }\n return undefined;\n }\n\n calcMax({ slides }: Pick<GalleryState, \"slides\">) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n if (this.isCenterWithCustomWidth && slides.length) {\n const { width, coordX } = slides[0];\n return viewportWidth / 2 - coordX - width / 2;\n } else {\n return 0;\n }\n }\n\n /*\n * Считает отступ слоя галереи\n */\n calculateIndent(targetIndex: number) {\n const { slides } = this.state;\n\n if (this.isFullyVisible) {\n return 0;\n }\n\n const targetSlide = slides.length ? slides[targetIndex] : null;\n\n if (targetSlide) {\n const { coordX, width } = targetSlide;\n\n if (this.isCenterWithCustomWidth) {\n const viewportWidth = this.viewport?.offsetWidth ?? 0;\n return viewportWidth / 2 - coordX - width / 2;\n }\n\n return this.validateIndent(-1 * coordX);\n } else {\n return 0;\n }\n }\n\n /*\n * Считает отступ слоя галереи во время драга\n */\n calculateDragIndent() {\n const { shiftX, deltaX, min = 0, max = 0 } = this.state;\n const indent = shiftX + deltaX;\n\n if (indent > max) {\n return max + Number((indent - max) / 3);\n } else if (indent < min) {\n return min + Number((indent - min) / 3);\n }\n\n return indent;\n }\n\n validateIndent(value: number) {\n const { min = 0, max = 0 } = this.state;\n\n if (value < min) {\n return min;\n } else if (value > max) {\n return max;\n }\n\n return value;\n }\n\n get isFullyVisible() {\n return (this.state.layerWidth ?? 0) <= this.state.containerWidth;\n }\n\n /*\n * Получает индекс слайда, к которому будет осуществлен переход\n */\n getTarget(e: TouchEvent) {\n const { slides, deltaX, shiftX, max = 0 } = this.state;\n const { slideIndex = 0 } = this.props;\n const expectDeltaX = (deltaX / e.duration) * 240 * 0.6;\n const shift = shiftX + deltaX + expectDeltaX - max;\n const direction = deltaX < 0 ? 1 : -1;\n\n // Находим ближайшую границу слайда к текущему отступу\n let targetIndex = slides.reduce(\n (val: number, item: GallerySlidesState, index: number) => {\n const previousValue = Math.abs(slides[val].coordX + shift);\n const currentValue = Math.abs(item.coordX + shift);\n\n return previousValue < currentValue ? val : index;\n },\n slideIndex\n );\n\n if (targetIndex === slideIndex) {\n let targetSlide = slideIndex + direction;\n\n if (targetSlide >= 0 && targetSlide < slides.length) {\n if (Math.abs(deltaX) > slides[targetSlide].width * 0.05) {\n targetIndex = targetSlide;\n }\n }\n }\n\n return targetIndex;\n }\n\n onStart: TouchEventHandler = () => {\n this.setState({\n animation: false,\n });\n };\n\n onMoveX: TouchEventHandler = (e: TouchEvent) => {\n if (this.props.isDraggable && !this.isFullyVisible) {\n e.originalEvent.preventDefault();\n\n if (e.isSlideX) {\n this.props.onDragStart && this.props.onDragStart(e);\n\n if (\n this.state.deltaX !== e.shiftX ||\n this.state.dragging !== e.isSlideX\n ) {\n this.setState({\n deltaX: e.shiftX,\n dragging: e.isSlideX,\n });\n }\n }\n }\n };\n\n onEnd: TouchEventHandler = (e: TouchEvent) => {\n const targetIndex = e.isSlide\n ? this.getTarget(e)\n : this.props.slideIndex ?? 0;\n this.props.onDragEnd && this.props.onDragEnd(e);\n this.setState({ deltaX: 0, animation: true }, () =>\n this.props.onChange?.(targetIndex)\n );\n\n if (this.props.onEnd) {\n this.props.onEnd({ targetIndex });\n }\n };\n\n onResize: VoidFunction = () => this.initializeSlides({ animation: false });\n\n get canSlideLeft() {\n // shiftX is negative number <= 0, we can swipe back only if it is < 0\n return !this.isFullyVisible && this.state.shiftX < 0;\n }\n\n get canSlideRight() {\n const { containerWidth, layerWidth = 0, shiftX, slides } = this.state;\n const { align, slideIndex = 0 } = this.props;\n return (\n !this.isFullyVisible &&\n // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n ((align === \"left\" && containerWidth - shiftX < layerWidth) ||\n // otherwise we need to check current slide index (align = right or align = center)\n (align !== \"left\" && slideIndex < slides.length - 1))\n );\n }\n\n slideLeft = () => {\n const { slideIndex = 0, onChange } = this.props;\n if (this.canSlideLeft) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange?.(slideIndex - 1)\n );\n }\n };\n\n slideRight = () => {\n const { slideIndex = 0, onChange } = this.props;\n if (this.canSlideRight) {\n this.setState({ deltaX: 0, animation: true }, () =>\n onChange?.(slideIndex + 1)\n );\n }\n };\n\n getSlideRef: GetSlideRef = (id: number) => (slide) => {\n this.slidesStore[`slide-${id}`] = slide;\n };\n\n getViewportRef: React.RefCallback<HTMLElement> = (viewport) => {\n this.viewport = viewport;\n if (this.props.getRef) {\n setRef(viewport, this.props.getRef);\n }\n };\n\n getRootRef: React.RefCallback<HTMLDivElement> = (container) => {\n this.container = container;\n if (this.props.getRootRef) {\n setRef(container, this.props.getRootRef);\n }\n };\n\n componentDidMount() {\n this.initializeSlides({ animation: false });\n this.props.window!.addEventListener(\"resize\", this.onResize);\n }\n\n componentDidUpdate(prevProps: GalleryProps) {\n const widthChanged = this.props.slideWidth !== prevProps.slideWidth;\n const isPropUpdate = this.props !== prevProps;\n const slideCountChanged =\n React.Children.count(this.props.children) !==\n React.Children.count(prevProps.children);\n const isCustomWidth = this.props.slideWidth === \"custom\";\n\n // в любом из этих случаев позиция могла поменяться\n if (widthChanged || slideCountChanged || (isCustomWidth && isPropUpdate)) {\n this.initializeSlides();\n } else if (this.props.slideIndex !== prevProps.slideIndex) {\n this.setState({\n animation: true,\n deltaX: 0,\n shiftX: this.calculateIndent(this.props.slideIndex ?? 0),\n });\n }\n }\n\n componentWillUnmount() {\n this.props.window!.removeEventListener(\"resize\", this.onResize);\n }\n\n render() {\n const { animation, duration, dragging } = this.state;\n const {\n children,\n slideWidth,\n slideIndex = 0,\n isDraggable,\n onDragStart,\n onDragEnd,\n onChange,\n onEnd,\n align,\n bullets,\n platform,\n hasMouse,\n showArrows,\n window,\n document,\n getRef,\n getRootRef,\n ...restProps\n } = this.props;\n\n const indent = dragging\n ? this.calculateDragIndent()\n : this.calculateIndent(slideIndex);\n\n const layerStyle = {\n WebkitTransform: `translateX(${indent}px)`,\n transform: `translateX(${indent}px)`,\n WebkitTransition: animation\n ? `-webkit-transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n transition: animation\n ? `transform ${duration}s cubic-bezier(.1, 0, .25, 1)`\n : \"none\",\n };\n\n return (\n <div\n {...restProps}\n vkuiClass={classNames(\n getClassName(\"Gallery\", platform),\n `Gallery--${align}`,\n {\n \"Gallery--dragging\": dragging,\n \"Gallery--custom-width\": slideWidth === \"custom\",\n }\n )}\n ref={this.getRootRef}\n >\n <Touch\n vkuiClass=\"Gallery__viewport\"\n onStartX={this.onStart}\n onMoveX={this.onMoveX}\n onEnd={this.onEnd}\n noSlideClick\n style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n getRootRef={this.getViewportRef}\n >\n <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n {React.Children.map(\n children,\n (item: React.ReactNode, i: number) => (\n <div\n vkuiClass=\"Gallery__slide\"\n key={`slide-${i}`}\n ref={this.getSlideRef(i)}\n >\n {item}\n </div>\n )\n )}\n </div>\n </Touch>\n\n {bullets && (\n <div\n aria-hidden=\"true\"\n vkuiClass={classNames(\n \"Gallery__bullets\",\n `Gallery__bullets--${bullets}`\n )}\n >\n {React.Children.map(\n children,\n (_item: React.ReactNode, index: number) => (\n <div\n vkuiClass={classNames(\"Gallery__bullet\", {\n \"Gallery__bullet--active\": index === slideIndex,\n })}\n key={index}\n />\n )\n )}\n </div>\n )}\n\n {showArrows && hasMouse && this.canSlideLeft && (\n <HorizontalScrollArrow direction=\"left\" onClick={this.slideLeft} />\n )}\n {showArrows && hasMouse && this.canSlideRight && (\n <HorizontalScrollArrow direction=\"right\" onClick={this.slideRight} />\n )}\n </div>\n );\n }\n}\n\nconst BaseGalleryAdaptive = withAdaptivity(withDOM(BaseGallery), {\n hasMouse: true,\n});\n\nconst Gallery: React.FC<GalleryProps> = ({\n initialSlideIndex = 0,\n children,\n timeout = 0,\n onChange,\n ...props\n}: GalleryProps) => {\n const [localSlideIndex, setSlideIndex] = React.useState(initialSlideIndex);\n const isControlled = typeof props.slideIndex === \"number\";\n const slideIndex = isControlled ? props.slideIndex ?? 0 : localSlideIndex;\n const isDraggable = !isControlled || Boolean(onChange);\n const slides = React.Children.toArray(children).filter((item) =>\n Boolean(item)\n );\n const childCount = slides.length;\n\n const handleChange: GalleryProps[\"onChange\"] = React.useCallback(\n (current) => {\n if (current === slideIndex) {\n return;\n }\n !isControlled && setSlideIndex(current);\n onChange && onChange(current);\n },\n [isControlled, onChange, slideIndex]\n );\n\n const autoplay = useTimeout(\n () => handleChange((slideIndex + 1) % childCount),\n timeout\n );\n React.useEffect(\n () => (timeout ? autoplay.set() : autoplay.clear()),\n [timeout, slideIndex, autoplay]\n );\n\n // prevent invalid slideIndex\n // any slide index is invalid with no slides, just keep it as is\n const safeSlideIndex =\n childCount > 0 ? clamp(slideIndex, 0, childCount - 1) : slideIndex;\n // notify parent in controlled mode\n React.useEffect(() => {\n if (onChange && safeSlideIndex !== slideIndex) {\n onChange(safeSlideIndex);\n }\n }, [onChange, safeSlideIndex, slideIndex]);\n\n return (\n <BaseGalleryAdaptive\n isDraggable={isDraggable}\n {...props}\n slideIndex={safeSlideIndex}\n onChange={handleChange}\n >\n {slides}\n </BaseGalleryAdaptive>\n );\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default withPlatform(Gallery);\n"],"file":"Gallery.js"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,IAImB,QAJnBA,IAImB;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,MAFnBC,EAEmB,QAFnBA,EAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBD;;AAqBAF,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Gradient/Gradient.tsx"],"names":["classNames","Gradient","mode","children","to","restProps","defaultProps"],"mappings":";;;;AACA,SAASA,UAAT;;AAQA,IAAMC,QAAgD,GAAG,SAAnDA,QAAmD,OAKpC;AAAA,MAJnBC,IAImB,QAJnBA,IAImB;AAAA,MAHnBC,QAGmB,QAHnBA,QAGmB;AAAA,MAFnBC,EAEmB,QAFnBA,EAEmB;AAAA,MADhBC,SACgB;;AACnB,SACE;AACE,IAAA,IAAI,EAAC;AADP,KAEMA,SAFN;AAGE,IAAA,SAAS,EAAEL,UAAU,CACnB,UADmB,yBAEHE,IAFG,0BAGHE,EAHG;AAHvB,MASGD,QATH,CADF;AAaD,CAnBD;;AAqBAF,QAAQ,CAACK,YAAT,GAAwB;AACtBJ,EAAAA,IAAI,EAAE,MADgB;AAEtBE,EAAAA,EAAE,EAAE;AAFkB,CAAxB,C,CAKA;;AACA,eAAeH,QAAf","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport \"./Gradient.css\";\n\nexport interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {\n mode?: \"tint\" | \"white\" | \"black\";\n to?: \"top\" | \"bottom\";\n}\n\nconst Gradient: React.FunctionComponent<GradientProps> = ({\n mode,\n children,\n to,\n ...restProps\n}: GradientProps) => {\n return (\n <div\n role=\"presentation\"\n {...restProps}\n vkuiClass={classNames(\n \"Gradient\",\n `Gradient--md-${mode}`,\n `Gradient--to-${to}`\n )}\n >\n {children}\n </div>\n );\n};\n\nGradient.defaultProps = {\n mode: \"tint\",\n to: \"top\",\n};\n\n// eslint-disable-next-line import/no-default-export\nexport default Gradient;\n"],"file":"Gradient.js"}
|
|
@@ -19,5 +19,5 @@ export interface GroupProps extends HasRootRef<HTMLElement>, React.HTMLAttribute
|
|
|
19
19
|
*/
|
|
20
20
|
mode?: "plain" | "card";
|
|
21
21
|
}
|
|
22
|
-
declare const _default: React.FC<GroupProps>;
|
|
22
|
+
declare const _default: React.FC<Pick<GroupProps, "hidden" | "dir" | "header" | "slot" | "style" | "title" | "color" | "separator" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "role" | "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" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "getRootRef" | "description"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
23
23
|
export default _default;
|