@vkontakte/vkui 4.26.0 → 4.27.2
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 +389 -243
- package/.cache/ts/src/components/ActionSheetItem/ActionSheetItem.d.ts +1 -2
- package/.cache/ts/src/components/Alert/Alert.d.ts +1 -2
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProvider.d.ts +1 -0
- package/.cache/ts/src/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
- package/.cache/ts/src/components/Card/Card.d.ts +1 -2
- package/.cache/ts/src/components/CardScroll/CardScroll.d.ts +4 -7
- package/.cache/ts/src/components/Chip/Chip.d.ts +2 -2
- package/.cache/ts/src/components/ConfigProvider/ConfigProvider.d.ts +1 -1
- package/.cache/ts/src/components/ConfigProvider/ConfigProviderContext.d.ts +5 -12
- package/.cache/ts/src/components/Gradient/Gradient.d.ts +1 -2
- package/.cache/ts/src/components/SegmentedControl/SegmentedControl.d.ts +17 -0
- package/.cache/ts/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
- package/.cache/ts/src/components/SliderSwitch/SliderSwitch.d.ts +6 -2
- package/.cache/ts/src/components/SliderSwitch/SliderSwitchButton.d.ts +4 -2
- package/.cache/ts/src/components/Switch/Switch.d.ts +3 -2
- package/.cache/ts/src/components/Typography/Subhead/Subhead.d.ts +4 -1
- package/.cache/ts/src/components/Typography/Title/Title.d.ts +4 -1
- package/.cache/ts/src/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
- package/.cache/ts/src/hooks/useAppearance.d.ts +1 -1
- package/.cache/ts/src/hooks/usePlatform.d.ts +1 -1
- package/.cache/ts/src/index.d.ts +7 -5
- package/.cache/ts/src/lib/utils.d.ts +1 -0
- package/.cache/ts/src/tokenized/index.d.ts +12 -0
- package/CSS_GUIDE.md +145 -0
- package/VKUI_TOKENS_MIGRATION_GUIDE.md +2 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
- package/dist/cjs/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.d.ts +1 -2
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js +16 -11
- package/dist/cjs/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cjs/components/Alert/Alert.d.ts +1 -2
- package/dist/cjs/components/Alert/Alert.js +12 -12
- package/dist/cjs/components/Alert/Alert.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRoot.js +0 -8
- package/dist/cjs/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cjs/components/AppRoot/AppRootPortal.js +9 -2
- package/dist/cjs/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.d.ts +1 -0
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js +34 -12
- package/dist/cjs/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js +3 -1
- package/dist/cjs/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/cjs/components/Banner/Banner.js +2 -4
- package/dist/cjs/components/Banner/Banner.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +12 -4
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Card/Card.d.ts +1 -2
- package/dist/cjs/components/Card/Card.js +4 -8
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/CardScroll/CardScroll.d.ts +4 -7
- package/dist/cjs/components/CardScroll/CardScroll.js +11 -15
- package/dist/cjs/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.d.ts +2 -2
- package/dist/cjs/components/Chip/Chip.js +3 -5
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/ChipsInput/ChipsInput.js +2 -2
- package/dist/cjs/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.d.ts +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js +32 -44
- package/dist/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.d.ts +5 -12
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js +3 -5
- package/dist/cjs/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cjs/components/ContentCard/ContentCard.js +4 -4
- package/dist/cjs/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cjs/components/FormItem/FormItem.js +0 -1
- package/dist/cjs/components/FormItem/FormItem.js.map +1 -1
- package/dist/cjs/components/Gradient/Gradient.d.ts +1 -2
- package/dist/cjs/components/Gradient/Gradient.js +6 -10
- package/dist/cjs/components/Gradient/Gradient.js.map +1 -1
- package/dist/cjs/components/Header/Header.js +3 -7
- package/dist/cjs/components/Header/Header.js.map +1 -1
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js +1 -3
- package/dist/cjs/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js +1 -6
- package/dist/cjs/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js +1 -6
- package/dist/cjs/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cjs/components/InfoRow/InfoRow.js +1 -2
- package/dist/cjs/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js +1 -1
- package/dist/cjs/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cjs/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.js +1 -1
- package/dist/cjs/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cjs/components/Removable/Removable.js +8 -4
- package/dist/cjs/components/Removable/Removable.js.map +1 -1
- package/dist/cjs/components/RichCell/RichCell.js +0 -1
- package/dist/cjs/components/RichCell/RichCell.js.map +1 -1
- package/dist/cjs/components/Search/Search.js +47 -23
- package/dist/cjs/components/Search/Search.js.map +1 -1
- package/dist/cjs/components/SegmentedControl/SegmentedControl.d.ts +17 -0
- package/dist/cjs/components/SegmentedControl/SegmentedControl.js +116 -0
- package/dist/cjs/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +61 -0
- package/dist/cjs/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -0
- package/dist/cjs/components/SimpleCell/SimpleCell.js +21 -9
- package/dist/cjs/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitch.d.ts +6 -2
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js +18 -6
- package/dist/cjs/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.d.ts +4 -2
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js +6 -5
- package/dist/cjs/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cjs/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cjs/components/Switch/Switch.d.ts +3 -2
- package/dist/cjs/components/Switch/Switch.js +3 -6
- package/dist/cjs/components/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/TextTooltip/TextTooltip.js +1 -2
- package/dist/cjs/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +1 -2
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.d.ts +4 -1
- package/dist/cjs/components/Typography/Subhead/Subhead.js +15 -8
- package/dist/cjs/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cjs/components/Typography/Title/Title.d.ts +4 -1
- package/dist/cjs/components/Typography/Title/Title.js +9 -19
- package/dist/cjs/components/Typography/Title/Title.js.map +1 -1
- package/dist/cjs/components/UsersStack/UsersStack.js +0 -1
- package/dist/cjs/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js +37 -0
- package/dist/cjs/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -0
- package/dist/cjs/hooks/useAppearance.d.ts +1 -1
- package/dist/cjs/hooks/useAppearance.js +2 -2
- package/dist/cjs/hooks/useAppearance.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/index.d.ts +7 -5
- package/dist/cjs/index.js +18 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/utils.d.ts +1 -0
- package/dist/cjs/lib/utils.js +7 -0
- package/dist/cjs/lib/utils.js.map +1 -1
- package/dist/cjs/tokenized/index.d.ts +12 -0
- package/dist/cjs/tokenized/index.js +48 -0
- package/dist/cjs/tokenized/index.js.map +1 -1
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
- package/dist/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/components/ActionSheetItem/ActionSheetItem.d.ts +1 -2
- package/dist/components/ActionSheetItem/ActionSheetItem.js +14 -11
- package/dist/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/components/Alert/Alert.d.ts +1 -2
- package/dist/components/Alert/Alert.js +11 -12
- package/dist/components/Alert/Alert.js.map +1 -1
- package/dist/components/AppRoot/AppRoot.js +0 -7
- package/dist/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/components/AppRoot/AppRootPortal.js +7 -2
- package/dist/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProvider.d.ts +1 -0
- package/dist/components/AppearanceProvider/AppearanceProvider.js +29 -11
- package/dist/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/components/AppearanceProvider/AppearanceProviderContext.d.ts +1 -6
- package/dist/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
- package/dist/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/components/Banner/Banner.js +2 -4
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Button/Button.js +12 -5
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.d.ts +1 -2
- package/dist/components/Card/Card.js +3 -9
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardScroll/CardScroll.d.ts +4 -7
- package/dist/components/CardScroll/CardScroll.js +9 -14
- package/dist/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/components/Chip/Chip.d.ts +2 -2
- package/dist/components/Chip/Chip.js +2 -6
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/ChipsInput/ChipsInput.js +1 -1
- package/dist/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.d.ts +1 -1
- package/dist/components/ConfigProvider/ConfigProvider.js +31 -44
- package/dist/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/components/ConfigProvider/ConfigProviderContext.d.ts +5 -12
- package/dist/components/ConfigProvider/ConfigProviderContext.js +2 -3
- package/dist/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/components/ContentCard/ContentCard.js +3 -3
- package/dist/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/components/FormItem/FormItem.js +0 -1
- package/dist/components/FormItem/FormItem.js.map +1 -1
- package/dist/components/Gradient/Gradient.d.ts +1 -2
- package/dist/components/Gradient/Gradient.js +5 -11
- package/dist/components/Gradient/Gradient.js.map +1 -1
- package/dist/components/Header/Header.js +3 -7
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/HorizontalCell/HorizontalCell.js +1 -3
- package/dist/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScroll.js +1 -4
- package/dist/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
- package/dist/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/components/InfoRow/InfoRow.js +1 -2
- package/dist/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/components/ModalCardBase/ModalCardBase.js +2 -2
- package/dist/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/components/Placeholder/Placeholder.js +1 -1
- package/dist/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/components/Removable/Removable.js +8 -4
- package/dist/components/Removable/Removable.js.map +1 -1
- package/dist/components/RichCell/RichCell.js +0 -1
- package/dist/components/RichCell/RichCell.js.map +1 -1
- package/dist/components/Search/Search.js +45 -22
- package/dist/components/Search/Search.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +17 -0
- package/dist/components/SegmentedControl/SegmentedControl.js +94 -0
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +40 -0
- package/dist/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -0
- package/dist/components/SimpleCell/SimpleCell.js +21 -10
- package/dist/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitch.d.ts +6 -2
- package/dist/components/SliderSwitch/SliderSwitch.js +14 -3
- package/dist/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/components/SliderSwitch/SliderSwitchButton.d.ts +4 -2
- package/dist/components/SliderSwitch/SliderSwitchButton.js +5 -5
- package/dist/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/components/Switch/Switch.d.ts +3 -2
- package/dist/components/Switch/Switch.js +3 -6
- package/dist/components/Switch/Switch.js.map +1 -1
- package/dist/components/TextTooltip/TextTooltip.js +1 -2
- package/dist/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +1 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Typography/Subhead/Subhead.d.ts +4 -1
- package/dist/components/Typography/Subhead/Subhead.js +13 -7
- package/dist/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/components/Typography/Title/Title.d.ts +4 -1
- package/dist/components/Typography/Title/Title.js +7 -16
- package/dist/components/Typography/Title/Title.js.map +1 -1
- package/dist/components/UsersStack/UsersStack.js +0 -1
- package/dist/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js +23 -0
- package/dist/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -0
- package/dist/components.css +10 -5
- package/dist/components.css.map +1 -1
- package/dist/cssm/appearance/constants.d.ts +1 -0
- package/dist/cssm/components/ActionSheet/ActionSheet.d.ts +26 -0
- package/dist/cssm/components/ActionSheet/ActionSheetContext.d.ts +8 -0
- package/dist/cssm/components/ActionSheet/ActionSheetDropdown.d.ts +4 -0
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.d.ts +4 -0
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js +5 -1
- package/dist/cssm/components/ActionSheet/ActionSheetDropdownDesktop.js.map +1 -1
- package/dist/cssm/components/ActionSheet/types.d.ts +9 -0
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.d.ts +20 -0
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js +14 -11
- package/dist/cssm/components/ActionSheetItem/ActionSheetItem.js.map +1 -1
- package/dist/cssm/components/AdaptivityProvider/AdaptivityContext.d.ts +46 -0
- package/dist/cssm/components/AdaptivityProvider/AdaptivityProvider.d.ts +10 -0
- package/dist/cssm/components/Alert/Alert.d.ts +24 -0
- package/dist/cssm/components/Alert/Alert.js +11 -12
- package/dist/cssm/components/Alert/Alert.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRoot.d.ts +14 -0
- package/dist/cssm/components/AppRoot/AppRoot.js +0 -7
- package/dist/cssm/components/AppRoot/AppRoot.js.map +1 -1
- package/dist/cssm/components/AppRoot/AppRootContext.d.ts +9 -0
- package/dist/cssm/components/AppRoot/AppRootPortal.d.ts +5 -0
- package/dist/cssm/components/AppRoot/AppRootPortal.js +7 -2
- package/dist/cssm/components/AppRoot/AppRootPortal.js.map +1 -1
- package/dist/cssm/components/AppRoot/ScrollContext.d.ts +23 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.d.ts +7 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js +29 -11
- package/dist/cssm/components/AppearanceProvider/AppearanceProvider.js.map +1 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.d.ts +3 -0
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js +2 -1
- package/dist/cssm/components/AppearanceProvider/AppearanceProviderContext.js.map +1 -1
- package/dist/cssm/components/Avatar/Avatar.d.ts +22 -0
- package/dist/cssm/components/Badge/Badge.d.ts +6 -0
- package/dist/cssm/components/Banner/Banner.d.ts +65 -0
- package/dist/cssm/components/Banner/Banner.js +2 -4
- package/dist/cssm/components/Banner/Banner.js.map +1 -1
- package/dist/cssm/components/Button/Button.d.ts +20 -0
- package/dist/cssm/components/Button/Button.js +12 -5
- package/dist/cssm/components/Button/Button.js.map +1 -1
- package/dist/cssm/components/Card/Card.css +2 -2
- package/dist/cssm/components/Card/Card.d.ts +7 -0
- package/dist/cssm/components/Card/Card.js +3 -9
- package/dist/cssm/components/Card/Card.js.map +1 -1
- package/dist/cssm/components/CardGrid/CardGrid.d.ts +8 -0
- package/dist/cssm/components/CardScroll/CardScroll.css +1 -1
- package/dist/cssm/components/CardScroll/CardScroll.d.ts +12 -0
- package/dist/cssm/components/CardScroll/CardScroll.js +9 -14
- package/dist/cssm/components/CardScroll/CardScroll.js.map +1 -1
- package/dist/cssm/components/Cell/Cell.d.ts +47 -0
- package/dist/cssm/components/Cell/CellCheckbox/CellCheckbox.d.ts +5 -0
- package/dist/cssm/components/Cell/CellDragger/CellDragger.d.ts +6 -0
- package/dist/cssm/components/Cell/useDraggable.d.ts +13 -0
- package/dist/cssm/components/CellButton/CellButton.d.ts +9 -0
- package/dist/cssm/components/Checkbox/Checkbox.d.ts +10 -0
- package/dist/cssm/components/Chip/Chip.d.ts +16 -0
- package/dist/cssm/components/Chip/Chip.js +2 -6
- package/dist/cssm/components/Chip/Chip.js.map +1 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.d.ts +30 -0
- package/dist/cssm/components/ChipsInput/ChipsInput.js +1 -1
- package/dist/cssm/components/ChipsInput/ChipsInput.js.map +1 -1
- package/dist/cssm/components/ChipsInput/useChipsInput.d.ts +14 -0
- package/dist/cssm/components/ChipsSelect/ChipsSelect.d.ts +41 -0
- package/dist/cssm/components/ChipsSelect/useChipsSelect.d.ts +22 -0
- package/dist/cssm/components/ClickPopper/ClickPopper.d.ts +21 -0
- package/dist/cssm/components/ConfigProvider/ConfigProvider.d.ts +12 -0
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js +31 -44
- package/dist/cssm/components/ConfigProvider/ConfigProvider.js.map +1 -1
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.d.ts +36 -0
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js +2 -3
- package/dist/cssm/components/ConfigProvider/ConfigProviderContext.js.map +1 -1
- package/dist/cssm/components/ContentCard/ContentCard.d.ts +34 -0
- package/dist/cssm/components/ContentCard/ContentCard.js +3 -3
- package/dist/cssm/components/ContentCard/ContentCard.js.map +1 -1
- package/dist/cssm/components/Counter/Counter.d.ts +11 -0
- package/dist/cssm/components/CustomScrollView/CustomScrollView.d.ts +10 -0
- package/dist/cssm/components/CustomSelect/CustomSelect.d.ts +56 -0
- package/dist/cssm/components/CustomSelectDropdown/CustomSelectDropdown.d.ts +12 -0
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.css +1 -1
- package/dist/cssm/components/CustomSelectOption/CustomSelectOption.d.ts +15 -0
- package/dist/cssm/components/DatePicker/DatePicker.d.ts +24 -0
- package/dist/cssm/components/Div/Div.d.ts +7 -0
- package/dist/cssm/components/Dropdown/Dropdown.d.ts +8 -0
- package/dist/cssm/components/DropdownIcon/DropdownIcon.d.ts +3 -0
- package/dist/cssm/components/Epic/Epic.d.ts +10 -0
- package/dist/cssm/components/Epic/ScrollSaver.d.ts +6 -0
- package/dist/cssm/components/File/File.d.ts +9 -0
- package/dist/cssm/components/FixedLayout/FixedLayout.d.ts +19 -0
- package/dist/cssm/components/FocusTrap/FocusTrap.d.ts +8 -0
- package/dist/cssm/components/FocusVisible/FocusVisible.css +1 -1
- package/dist/cssm/components/FocusVisible/FocusVisible.d.ts +8 -0
- package/dist/cssm/components/Footer/Footer.d.ts +5 -0
- package/dist/cssm/components/FormField/FormField.d.ts +14 -0
- package/dist/cssm/components/FormItem/FormItem.d.ts +14 -0
- package/dist/cssm/components/FormItem/FormItem.js +0 -1
- package/dist/cssm/components/FormItem/FormItem.js.map +1 -1
- package/dist/cssm/components/FormLayout/FormLayout.d.ts +6 -0
- package/dist/cssm/components/FormLayoutGroup/FormLayoutGroup.d.ts +13 -0
- package/dist/cssm/components/FormStatus/FormStatus.d.ts +7 -0
- package/dist/cssm/components/Gallery/Gallery.d.ts +39 -0
- package/dist/cssm/components/Gradient/Gradient.d.ts +7 -0
- package/dist/cssm/components/Gradient/Gradient.js +5 -11
- package/dist/cssm/components/Gradient/Gradient.js.map +1 -1
- package/dist/cssm/components/GridAvatar/GridAvatar.d.ts +8 -0
- package/dist/cssm/components/Group/Group.d.ts +23 -0
- package/dist/cssm/components/Header/Header.d.ts +18 -0
- package/dist/cssm/components/Header/Header.js +3 -7
- package/dist/cssm/components/Header/Header.js.map +1 -1
- package/dist/cssm/components/HorizontalCell/HorizontalCell.d.ts +10 -0
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js +1 -3
- package/dist/cssm/components/HorizontalCell/HorizontalCell.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.d.ts +19 -0
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js +1 -4
- package/dist/cssm/components/HorizontalScroll/HorizontalScroll.js.map +1 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.css +6 -1
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.d.ts +8 -0
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js +1 -4
- package/dist/cssm/components/HorizontalScroll/HorizontalScrollArrow.js.map +1 -1
- package/dist/cssm/components/HoverPopper/HoverPopper.d.ts +29 -0
- package/dist/cssm/components/IconButton/IconButton.d.ts +11 -0
- package/dist/cssm/components/InfoRow/InfoRow.d.ts +7 -0
- package/dist/cssm/components/InfoRow/InfoRow.js +1 -2
- package/dist/cssm/components/InfoRow/InfoRow.js.map +1 -1
- package/dist/cssm/components/InitialsAvatar/InitialsAvatar.d.ts +32 -0
- package/dist/cssm/components/Input/Input.d.ts +9 -0
- package/dist/cssm/components/Link/Link.d.ts +6 -0
- package/dist/cssm/components/List/List.d.ts +4 -0
- package/dist/cssm/components/List/ListContext.d.ts +4 -0
- package/dist/cssm/components/MiniInfoCell/MiniInfoCell.d.ts +39 -0
- package/dist/cssm/components/ModalCard/ModalCard.d.ts +10 -0
- package/dist/cssm/components/ModalCardBase/ModalCardBase.d.ts +32 -0
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js +2 -2
- package/dist/cssm/components/ModalCardBase/ModalCardBase.js.map +1 -1
- package/dist/cssm/components/ModalDismissButton/ModalDismissButton.d.ts +5 -0
- package/dist/cssm/components/ModalPage/ModalPage.d.ts +22 -0
- package/dist/cssm/components/ModalPageHeader/ModalPageHeader.d.ts +8 -0
- package/dist/cssm/components/ModalRoot/ModalRoot.d.ts +16 -0
- package/dist/cssm/components/ModalRoot/ModalRootAdaptive.d.ts +10 -0
- package/dist/cssm/components/ModalRoot/ModalRootContext.d.ts +20 -0
- package/dist/cssm/components/ModalRoot/ModalRootDesktop.d.ts +16 -0
- package/dist/cssm/components/ModalRoot/constants.d.ts +3 -0
- package/dist/cssm/components/ModalRoot/types.d.ts +45 -0
- package/dist/cssm/components/ModalRoot/useModalManager.d.ts +37 -0
- package/dist/cssm/components/ModalRoot/withModalRootContext.d.ts +5 -0
- package/dist/cssm/components/NativeSelect/NativeSelect.d.ts +15 -0
- package/dist/cssm/components/NavTransitionContext/NavTransitionContext.d.ts +7 -0
- package/dist/cssm/components/Panel/Panel.d.ts +9 -0
- package/dist/cssm/components/PanelHeader/PanelHeader.d.ts +21 -0
- package/dist/cssm/components/PanelHeaderBack/PanelHeaderBack.d.ts +9 -0
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.d.ts +8 -0
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js +1 -1
- package/dist/cssm/components/PanelHeaderButton/PanelHeaderButton.js.map +1 -1
- package/dist/cssm/components/PanelHeaderClose/PanelHeaderClose.d.ts +4 -0
- package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.d.ts +9 -0
- package/dist/cssm/components/PanelHeaderContext/PanelHeaderContext.d.ts +7 -0
- package/dist/cssm/components/PanelHeaderEdit/PanelHeaderEdit.d.ts +18 -0
- package/dist/cssm/components/PanelHeaderSubmit/PanelHeaderSubmit.d.ts +4 -0
- package/dist/cssm/components/PanelSpinner/PanelSpinner.d.ts +7 -0
- package/dist/cssm/components/Placeholder/Placeholder.d.ts +23 -0
- package/dist/cssm/components/Placeholder/Placeholder.js +1 -1
- package/dist/cssm/components/Placeholder/Placeholder.js.map +1 -1
- package/dist/cssm/components/PopoutRoot/PopoutRoot.d.ts +10 -0
- package/dist/cssm/components/PopoutWrapper/PopoutWrapper.d.ts +10 -0
- package/dist/cssm/components/Popper/Popper.d.ts +32 -0
- package/dist/cssm/components/Progress/Progress.d.ts +8 -0
- package/dist/cssm/components/PromoBanner/PromoBanner.d.ts +40 -0
- package/dist/cssm/components/PullToRefresh/PullToRefresh.d.ts +37 -0
- package/dist/cssm/components/PullToRefresh/PullToRefreshSpinner.d.ts +11 -0
- package/dist/cssm/components/Radio/Radio.d.ts +9 -0
- package/dist/cssm/components/RadioGroup/RadioGroup.d.ts +6 -0
- package/dist/cssm/components/RangeSlider/RangeSlider.d.ts +6 -0
- package/dist/cssm/components/RangeSlider/UniversalSlider.d.ts +16 -0
- package/dist/cssm/components/Removable/Removable.d.ts +21 -0
- package/dist/cssm/components/Removable/Removable.js +8 -4
- package/dist/cssm/components/Removable/Removable.js.map +1 -1
- package/dist/cssm/components/RichCell/RichCell.d.ts +36 -0
- package/dist/cssm/components/RichCell/RichCell.js +0 -1
- package/dist/cssm/components/RichCell/RichCell.js.map +1 -1
- package/dist/cssm/components/RichTooltip/RichTooltip.d.ts +5 -0
- package/dist/cssm/components/Root/Root.d.ts +31 -0
- package/dist/cssm/components/ScreenSpinner/ScreenSpinner.d.ts +6 -0
- package/dist/cssm/components/Search/Search.d.ts +17 -0
- package/dist/cssm/components/Search/Search.js +45 -22
- package/dist/cssm/components/Search/Search.js.map +1 -1
- package/dist/cssm/components/SegmentedControl/SegmentedControl.css +1 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControl.d.ts +17 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControl.js +95 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +1 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.d.ts +4 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js +41 -0
- package/dist/cssm/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.js.map +1 -0
- package/dist/cssm/components/Select/Select.d.ts +7 -0
- package/dist/cssm/components/SelectMimicry/SelectMimicry.d.ts +10 -0
- package/dist/cssm/components/Separator/Separator.d.ts +11 -0
- package/dist/cssm/components/SimpleCell/SimpleCell.d.ts +39 -0
- package/dist/cssm/components/SimpleCell/SimpleCell.js +21 -10
- package/dist/cssm/components/SimpleCell/SimpleCell.js.map +1 -1
- package/dist/cssm/components/SimpleCheckbox/SimpleCheckbox.d.ts +9 -0
- package/dist/cssm/components/Slider/Slider.d.ts +5 -0
- package/dist/cssm/components/SliderSwitch/SliderSwitch.d.ts +47 -0
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js +14 -3
- package/dist/cssm/components/SliderSwitch/SliderSwitch.js.map +1 -1
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.d.ts +11 -0
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js +5 -5
- package/dist/cssm/components/SliderSwitch/SliderSwitchButton.js.map +1 -1
- package/dist/cssm/components/Snackbar/Snackbar.d.ts +35 -0
- package/dist/cssm/components/Spacing/Spacing.d.ts +18 -0
- package/dist/cssm/components/Spinner/Spinner.d.ts +7 -0
- package/dist/cssm/components/SplitCol/SplitCol.d.ts +22 -0
- package/dist/cssm/components/SplitLayout/SplitLayout.d.ts +15 -0
- package/dist/cssm/components/SubnavigationBar/SubnavigationBar.d.ts +7 -0
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.d.ts +21 -0
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js +1 -3
- package/dist/cssm/components/SubnavigationButton/SubnavigationButton.js.map +1 -1
- package/dist/cssm/components/Switch/Switch.css +1 -1
- package/dist/cssm/components/Switch/Switch.d.ts +7 -0
- package/dist/cssm/components/Switch/Switch.js +3 -6
- package/dist/cssm/components/Switch/Switch.js.map +1 -1
- package/dist/cssm/components/Tabbar/Tabbar.d.ts +11 -0
- package/dist/cssm/components/TabbarItem/TabbarItem.d.ts +21 -0
- package/dist/cssm/components/Tabs/Tabs.d.ts +10 -0
- package/dist/cssm/components/TabsItem/TabsItem.d.ts +8 -0
- package/dist/cssm/components/Tappable/Tappable.d.ts +40 -0
- package/dist/cssm/components/TextTooltip/TextTooltip.d.ts +14 -0
- package/dist/cssm/components/TextTooltip/TextTooltip.js +1 -2
- package/dist/cssm/components/TextTooltip/TextTooltip.js.map +1 -1
- package/dist/cssm/components/Textarea/Textarea.d.ts +11 -0
- package/dist/cssm/components/Tooltip/Tooltip.d.ts +55 -0
- package/dist/cssm/components/Tooltip/Tooltip.js +1 -2
- package/dist/cssm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cssm/components/Tooltip/TooltipContainer.d.ts +5 -0
- package/dist/cssm/components/Touch/Touch.d.ts +49 -0
- package/dist/cssm/components/Touch/TouchContext.d.ts +7 -0
- package/dist/cssm/components/Typography/Caption/Caption.d.ts +10 -0
- package/dist/cssm/components/Typography/Headline/Headline.d.ts +8 -0
- package/dist/cssm/components/Typography/Subhead/Subhead.css +1 -1
- package/dist/cssm/components/Typography/Subhead/Subhead.d.ts +11 -0
- package/dist/cssm/components/Typography/Subhead/Subhead.js +13 -7
- package/dist/cssm/components/Typography/Subhead/Subhead.js.map +1 -1
- package/dist/cssm/components/Typography/Text/Text.d.ts +8 -0
- package/dist/cssm/components/Typography/Title/Title.css +1 -1
- package/dist/cssm/components/Typography/Title/Title.d.ts +12 -0
- package/dist/cssm/components/Typography/Title/Title.js +7 -16
- package/dist/cssm/components/Typography/Title/Title.js.map +1 -1
- package/dist/cssm/components/UsersStack/UsersStack.d.ts +23 -0
- package/dist/cssm/components/UsersStack/UsersStack.js +0 -1
- package/dist/cssm/components/UsersStack/UsersStack.js.map +1 -1
- package/dist/cssm/components/UsersStack/masks.d.ts +1 -0
- package/dist/cssm/components/View/View.d.ts +80 -0
- package/dist/cssm/components/View/ViewInfinite.d.ts +66 -0
- package/dist/cssm/components/View/utils.d.ts +2 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.css +1 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.d.ts +12 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js +24 -0
- package/dist/cssm/components/VisuallyHiddenInput/VisuallyHiddenInput.js.map +1 -0
- package/dist/cssm/components/WriteBar/WriteBar.d.ts +23 -0
- package/dist/cssm/components/WriteBarIcon/WriteBarIcon.d.ts +18 -0
- package/dist/cssm/helpers/avatar.d.ts +5 -0
- package/dist/cssm/helpers/getClassName.d.ts +2 -0
- package/dist/cssm/helpers/getScheme.d.ts +8 -0
- package/dist/cssm/helpers/math.d.ts +5 -0
- package/dist/cssm/helpers/scheme.d.ts +34 -0
- package/dist/cssm/hoc/withAdaptivity.d.ts +13 -0
- package/dist/cssm/hoc/withContext.d.ts +2 -0
- package/dist/cssm/hoc/withInsets.d.ts +3 -0
- package/dist/cssm/hoc/withPlatform.d.ts +3 -0
- package/dist/cssm/hooks/useAdaptivity.d.ts +3 -0
- package/dist/cssm/hooks/useAppearance.d.ts +1 -0
- package/dist/cssm/hooks/useAppearance.js +2 -2
- package/dist/cssm/hooks/useAppearance.js.map +1 -1
- package/dist/cssm/hooks/useBrowserInfo.d.ts +2 -0
- package/dist/cssm/hooks/useEffectDev.d.ts +2 -0
- package/dist/cssm/hooks/useEnsuredControl.d.ts +6 -0
- package/dist/cssm/hooks/useEventListener.d.ts +7 -0
- package/dist/cssm/hooks/useExternRef.d.ts +2 -0
- package/dist/cssm/hooks/useFocusVisible.d.ts +6 -0
- package/dist/cssm/hooks/useGlobalEventListener.d.ts +2 -0
- package/dist/cssm/hooks/useInsets.d.ts +8 -0
- package/dist/cssm/hooks/useKeyboard.d.ts +11 -0
- package/dist/cssm/hooks/useKeyboardInputTracker.d.ts +1 -0
- package/dist/cssm/hooks/useObjectMemo.d.ts +2 -0
- package/dist/cssm/hooks/usePatchChildrenRef.d.ts +6 -0
- package/dist/cssm/hooks/usePlatform.d.ts +2 -0
- package/dist/cssm/hooks/usePlatform.js.map +1 -1
- package/dist/cssm/hooks/useTimeout.d.ts +4 -0
- package/dist/cssm/hooks/useWaitTransitionFinish.d.ts +3 -0
- package/dist/cssm/index.d.ts +279 -0
- package/dist/cssm/index.js +6 -5
- package/dist/cssm/index.js.map +1 -1
- package/dist/cssm/lib/SSR.d.ts +14 -0
- package/dist/cssm/lib/accessibility.d.ts +10 -0
- package/dist/cssm/lib/animate.d.ts +15 -0
- package/dist/cssm/lib/browser.d.ts +11 -0
- package/dist/cssm/lib/callMultiple.d.ts +1 -0
- package/dist/cssm/lib/classNames.d.ts +6 -0
- package/dist/cssm/lib/classScopingMode.d.ts +8 -0
- package/dist/cssm/lib/dom.d.ts +21 -0
- package/dist/cssm/lib/fx.d.ts +5 -0
- package/dist/cssm/lib/getNavId.d.ts +6 -0
- package/dist/cssm/lib/is.d.ts +1 -0
- package/dist/cssm/lib/isRefObject.d.ts +2 -0
- package/dist/cssm/lib/jsxRuntime.d.ts +8 -0
- package/dist/cssm/lib/offset.d.ts +7 -0
- package/dist/cssm/lib/platform.d.ts +19 -0
- package/dist/cssm/lib/polyfills.d.ts +6 -0
- package/dist/cssm/lib/prefixClass.d.ts +1 -0
- package/dist/cssm/lib/removeObjectKeys.d.ts +1 -0
- package/dist/cssm/lib/select.d.ts +7 -0
- package/dist/cssm/lib/styles.d.ts +1 -0
- package/dist/cssm/lib/supportEvents.d.ts +9 -0
- package/dist/cssm/lib/taptic.d.ts +2 -0
- package/dist/cssm/lib/testing.d.ts +1 -0
- package/dist/cssm/lib/touch.d.ts +9 -0
- package/dist/cssm/lib/useIsomorphicLayoutEffect.d.ts +2 -0
- package/dist/cssm/lib/utils.d.ts +15 -0
- package/dist/cssm/lib/utils.js +3 -0
- package/dist/cssm/lib/utils.js.map +1 -1
- package/dist/cssm/lib/warnOnce.d.ts +1 -0
- package/dist/cssm/styles/components.css +10 -5
- package/dist/cssm/styles/themes.css +1 -1
- package/dist/cssm/tokenized/index.d.ts +14 -0
- package/dist/cssm/tokenized/index.js +6 -0
- package/dist/cssm/tokenized/index.js.map +1 -1
- package/dist/cssm/types.d.ts +34 -0
- package/dist/cssm/unstable/index.d.ts +17 -0
- package/dist/hooks/useAppearance.d.ts +1 -1
- package/dist/hooks/useAppearance.js +2 -2
- package/dist/hooks/useAppearance.js.map +1 -1
- package/dist/hooks/usePlatform.d.ts +1 -1
- package/dist/hooks/usePlatform.js.map +1 -1
- package/dist/index.d.ts +7 -5
- package/dist/index.js +6 -5
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.d.ts +1 -0
- package/dist/lib/utils.js +3 -0
- package/dist/lib/utils.js.map +1 -1
- package/dist/tokenized/index.d.ts +12 -0
- package/dist/tokenized/index.js +6 -0
- package/dist/tokenized/index.js.map +1 -1
- package/dist/vkui.css +11 -6
- package/dist/vkui.css.map +1 -1
- package/package.json +4 -3
- package/src/components/ActionSheet/ActionSheetDropdownDesktop.tsx +4 -0
- package/src/components/ActionSheetItem/ActionSheetItem.tsx +27 -27
- package/src/components/Alert/Alert.tsx +5 -7
- package/src/components/AppRoot/AppRoot.tsx +0 -6
- package/src/components/AppRoot/AppRootPortal.tsx +9 -1
- package/src/components/AppearanceProvider/AppearanceProvider.tsx +30 -13
- package/src/components/AppearanceProvider/AppearanceProviderContext.tsx +4 -9
- package/src/components/Banner/Banner.tsx +2 -2
- package/src/components/Button/Button.tsx +9 -9
- package/src/components/Card/Card.css +41 -0
- package/src/components/Card/Card.tsx +2 -9
- package/src/components/CardScroll/CardScroll.css +2 -39
- package/src/components/CardScroll/CardScroll.tsx +7 -17
- package/src/components/CardScroll/Readme.md +3 -2
- package/src/components/Chip/Chip.tsx +1 -4
- package/src/components/ChipsInput/ChipsInput.tsx +1 -1
- package/src/components/ConfigProvider/ConfigProvider.tsx +31 -40
- package/src/components/ConfigProvider/ConfigProviderContext.tsx +14 -18
- package/src/components/ContentCard/ContentCard.tsx +2 -2
- package/src/components/CustomSelectOption/CustomSelectOption.css +1 -0
- package/src/components/FocusVisible/FocusVisible.css +4 -8
- package/src/components/FormItem/FormItem.tsx +1 -5
- package/src/components/FormItem/Readme.md +14 -2
- package/src/components/Gradient/Gradient.tsx +4 -12
- package/src/components/Gradient/Readme.md +1 -1
- package/src/components/Header/Header.tsx +3 -3
- package/src/components/HorizontalCell/HorizontalCell.tsx +1 -3
- package/src/components/HorizontalScroll/HorizontalScroll.tsx +1 -5
- package/src/components/HorizontalScroll/HorizontalScrollArrow.css +12 -5
- package/src/components/HorizontalScroll/HorizontalScrollArrow.tsx +1 -5
- package/src/components/InfoRow/InfoRow.tsx +1 -1
- package/src/components/ModalCardBase/ModalCardBase.tsx +2 -2
- package/src/components/ModalRoot/Readme.md +1 -1
- package/src/components/PanelHeaderButton/PanelHeaderButton.tsx +1 -5
- package/src/components/Placeholder/Placeholder.tsx +1 -1
- package/src/components/Removable/Removable.tsx +9 -7
- package/src/components/RichCell/RichCell.tsx +1 -5
- package/src/components/Search/Search.tsx +38 -14
- package/src/components/SegmentedControl/Readme.md +94 -0
- package/src/components/SegmentedControl/SegmentedControl.css +42 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +105 -0
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css +30 -0
- package/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.tsx +42 -0
- package/src/components/SimpleCell/SimpleCell.tsx +11 -11
- package/src/components/SliderSwitch/Readme.md +4 -0
- package/src/components/SliderSwitch/SliderSwitch.tsx +17 -3
- package/src/components/SliderSwitch/SliderSwitchButton.tsx +4 -4
- package/src/components/SubnavigationButton/SubnavigationButton.tsx +1 -1
- package/src/components/Switch/Switch.css +0 -12
- package/src/components/Switch/Switch.tsx +8 -10
- package/src/components/TextTooltip/TextTooltip.tsx +2 -6
- package/src/components/Tooltip/Tooltip.tsx +2 -6
- package/src/components/Typography/Subhead/Readme.md +18 -24
- package/src/components/Typography/Subhead/Subhead.css +22 -7
- package/src/components/Typography/Subhead/Subhead.tsx +23 -7
- package/src/components/Typography/Title/Readme.md +28 -41
- package/src/components/Typography/Title/Title.css +22 -13
- package/src/components/Typography/Title/Title.tsx +27 -22
- package/src/components/UsersStack/Readme.md +1 -1
- package/src/components/UsersStack/UsersStack.tsx +1 -1
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css +9 -0
- package/src/components/VisuallyHiddenInput/VisuallyHiddenInput.tsx +25 -0
- package/src/hooks/useAppearance.ts +2 -3
- package/src/hooks/usePlatform.ts +1 -1
- package/src/index.ts +11 -5
- package/src/lib/utils.ts +6 -0
- package/src/styles/components.css +3 -0
- package/src/tokenized/index.ts +22 -0
|
@@ -17,5 +17,4 @@ export interface ActionSheetItemProps extends React.HTMLAttributes<HTMLElement>,
|
|
|
17
17
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
18
18
|
onImmediateClick?: React.MouseEventHandler<HTMLElement>;
|
|
19
19
|
}
|
|
20
|
-
declare const
|
|
21
|
-
export { ActionSheetItemWithAdaptivity as ActionSheetItem };
|
|
20
|
+
export declare const ActionSheetItem: React.FC<Pick<ActionSheetItemProps, "style" | "placeholder" | "title" | "disabled" | "hidden" | "checked" | "role" | "before" | "security" | "download" | "dir" | "meta" | "slot" | "ping" | "name" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "media" | "target" | "type" | "tabIndex" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "referrerPolicy" | "hrefLang" | "rel" | "value" | "autoclose" | "subtitle" | "selectable" | "onImmediateClick"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
|
|
@@ -21,5 +21,4 @@ export declare type TAlertProps = AlertProps & AdaptivityContextInterface;
|
|
|
21
21
|
export interface AlertState {
|
|
22
22
|
closing: boolean;
|
|
23
23
|
}
|
|
24
|
-
declare const
|
|
25
|
-
export { AlertWithPlatformAndAdaptivity as Alert };
|
|
24
|
+
export declare const Alert: React.FC<Pick<Pick<TAlertProps, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "header" | "slot" | "text" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "platform" | "onClose" | "actionsLayout" | "actions"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps, "style" | "placeholder" | "title" | "hidden" | "role" | "security" | "dir" | "header" | "slot" | "text" | "color" | "translate" | "prefix" | "children" | "className" | "id" | "lang" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "sizeX" | "sizeY" | "onClose" | "actionsLayout" | "actions">>;
|
|
@@ -3,4 +3,5 @@ import { AppearanceType } from "@vkontakte/vk-bridge";
|
|
|
3
3
|
export interface AppearanceProviderProps {
|
|
4
4
|
appearance?: AppearanceType;
|
|
5
5
|
}
|
|
6
|
+
export declare const generateVKUITokensClassName: (platform: string, appearance: string) => string;
|
|
6
7
|
export declare const AppearanceProvider: React.FC<AppearanceProviderProps>;
|
|
@@ -1,8 +1,3 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { AppearanceType } from "@vkontakte/vk-bridge";
|
|
3
|
-
|
|
4
|
-
export interface AppearanceProviderContextProps {
|
|
5
|
-
scheme: Scheme | "inherit" | undefined;
|
|
6
|
-
appearance: AppearanceType;
|
|
7
|
-
}
|
|
8
|
-
export declare const AppearanceProviderContext: React.Context<AppearanceProviderContextProps | undefined>;
|
|
3
|
+
export declare const AppearanceProviderContext: React.Context<AppearanceType>;
|
|
@@ -4,5 +4,4 @@ import "./Card.css";
|
|
|
4
4
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, HasRootRef<HTMLDivElement> {
|
|
5
5
|
mode?: "tint" | "shadow" | "outline";
|
|
6
6
|
}
|
|
7
|
-
declare const Card: React.
|
|
8
|
-
export default Card;
|
|
7
|
+
export declare const Card: React.FC<CardProps>;
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { HorizontalScrollProps } from "../HorizontalScroll/HorizontalScroll";
|
|
3
|
-
import { AdaptivityProps } from "../../hoc/withAdaptivity";
|
|
4
3
|
import "./CardScroll.css";
|
|
5
|
-
export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement
|
|
4
|
+
export interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
6
5
|
/**
|
|
7
|
-
* При size
|
|
8
|
-
* При size = false ширина Card будет регулироваться контентом внутри
|
|
6
|
+
* При `size=false` ширина `Card` будет регулироваться контентом внутри. В остальных случаях — будет явно задана в процентах.
|
|
9
7
|
*/
|
|
10
8
|
size?: "s" | "m" | "l" | false;
|
|
11
9
|
showArrows?: HorizontalScrollProps["showArrows"];
|
|
12
|
-
withSpaces
|
|
10
|
+
withSpaces?: boolean;
|
|
13
11
|
}
|
|
14
|
-
declare const
|
|
15
|
-
export default _default;
|
|
12
|
+
export declare const CardScroll: React.FC<CardScrollProps>;
|
|
@@ -12,5 +12,5 @@ export interface ChipProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
12
12
|
before?: React.ReactNode;
|
|
13
13
|
after?: React.ReactNode;
|
|
14
14
|
}
|
|
15
|
-
declare const Chip: React.FC<ChipProps>;
|
|
16
|
-
export
|
|
15
|
+
export declare const Chip: React.FC<ChipProps>;
|
|
16
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { ConfigProviderContextInterface } from "./ConfigProviderContext";
|
|
3
3
|
import { AppearanceScheme } from "../../helpers/scheme";
|
|
4
|
-
export interface ConfigProviderProps extends ConfigProviderContextInterface {
|
|
4
|
+
export interface ConfigProviderProps extends Partial<ConfigProviderContextInterface> {
|
|
5
5
|
/**
|
|
6
6
|
* @deprecated будет удалено в 5.0.0, устанавливать тему следует через appearance
|
|
7
7
|
* Цветовая схема приложения
|
|
@@ -9,12 +9,12 @@ export interface ConfigProviderContextInterface {
|
|
|
9
9
|
/**
|
|
10
10
|
* Подсказывает приложению, обёрнутому в `ConfigProvider`, где открыто приложение: внутри webview или в мобильном браузере
|
|
11
11
|
*/
|
|
12
|
-
isWebView
|
|
12
|
+
isWebView: boolean;
|
|
13
13
|
/**
|
|
14
14
|
* Тип вебвью.<br>
|
|
15
15
|
* В случае `WebviewType.VKAPPS` интерфейс будет адаптирован для отображения в вебвью Mini Apps (системные контролы в правой части шапки)
|
|
16
16
|
*/
|
|
17
|
-
webviewType
|
|
17
|
+
webviewType: WebviewType.INTERNAL | WebviewType.VKAPPS;
|
|
18
18
|
/**
|
|
19
19
|
* Тип приложения
|
|
20
20
|
*/
|
|
@@ -26,18 +26,11 @@ export interface ConfigProviderContextInterface {
|
|
|
26
26
|
/**
|
|
27
27
|
* Включена ли анимация переходов между экранами в `Root` и `View`
|
|
28
28
|
*/
|
|
29
|
-
transitionMotionEnabled
|
|
29
|
+
transitionMotionEnabled: boolean;
|
|
30
30
|
/**
|
|
31
31
|
* Платформа
|
|
32
32
|
*/
|
|
33
|
-
platform
|
|
34
|
-
hasNewTokens?: boolean;
|
|
35
|
-
}
|
|
36
|
-
export declare const defaultConfigProviderProps: {
|
|
37
|
-
webviewType: WebviewType;
|
|
38
|
-
isWebView: boolean;
|
|
39
|
-
transitionMotionEnabled: boolean;
|
|
40
|
-
platform: string;
|
|
33
|
+
platform: PlatformType;
|
|
41
34
|
hasNewTokens: boolean;
|
|
42
|
-
}
|
|
35
|
+
}
|
|
43
36
|
export declare const ConfigProviderContext: React.Context<ConfigProviderContextInterface>;
|
|
@@ -4,5 +4,4 @@ export interface GradientProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
4
4
|
mode?: "tint" | "white" | "black";
|
|
5
5
|
to?: "top" | "bottom";
|
|
6
6
|
}
|
|
7
|
-
declare const Gradient: React.
|
|
8
|
-
export default Gradient;
|
|
7
|
+
export declare const Gradient: React.FC<GradientProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRootRef } from "../../types";
|
|
3
|
+
import "./SegmentedControl.css";
|
|
4
|
+
export declare type SegmentedControlValue = string | number | undefined;
|
|
5
|
+
export interface SegmentedControlOptionInterface extends Omit<React.HTMLAttributes<HTMLElement>, "label"> {
|
|
6
|
+
label: React.ReactChild;
|
|
7
|
+
value: SegmentedControlValue;
|
|
8
|
+
}
|
|
9
|
+
export interface SegmentedControlProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">, HasRootRef<HTMLDivElement> {
|
|
10
|
+
options: SegmentedControlOptionInterface[];
|
|
11
|
+
size?: "m" | "l";
|
|
12
|
+
name?: string;
|
|
13
|
+
onChange?: (value: SegmentedControlValue) => void;
|
|
14
|
+
value?: SegmentedControlValue;
|
|
15
|
+
defaultValue?: SegmentedControlValue;
|
|
16
|
+
}
|
|
17
|
+
export declare const SegmentedControl: React.FC<SegmentedControlProps>;
|
|
@@ -18,7 +18,10 @@ interface SliderSwitchState {
|
|
|
18
18
|
activeValue: SliderSwitchOptionInterface["value"];
|
|
19
19
|
hoveredOptionId: number;
|
|
20
20
|
}
|
|
21
|
-
|
|
21
|
+
/**
|
|
22
|
+
* @deprecated Этот компонент устарел и будет удален в 5.0.0. Используйте [`SegmentedControl`](#/SegmentedControl).
|
|
23
|
+
*/
|
|
24
|
+
declare class SliderSwitch extends React.Component<SliderSwitchProps, SliderSwitchState> {
|
|
22
25
|
constructor(props: SliderSwitchProps);
|
|
23
26
|
static defaultProps: {
|
|
24
27
|
options: {
|
|
@@ -38,6 +41,7 @@ export default class SliderSwitch extends React.Component<SliderSwitchProps, Sli
|
|
|
38
41
|
static getDerivedStateFromProps(nextProps: SliderSwitchProps, prevState: SliderSwitchState): {
|
|
39
42
|
activeValue: string | number;
|
|
40
43
|
} | null;
|
|
44
|
+
componentDidMount(): void;
|
|
41
45
|
render(): JSX.Element;
|
|
42
46
|
}
|
|
43
|
-
export {};
|
|
47
|
+
export { SliderSwitch };
|
|
@@ -5,5 +5,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLElement>, Ha
|
|
|
5
5
|
active?: boolean;
|
|
6
6
|
hovered?: boolean;
|
|
7
7
|
}
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated Этот компонент устарел и будет удален в 5.0.0.
|
|
10
|
+
*/
|
|
11
|
+
export declare const SliderSwitchButton: React.FunctionComponent<ButtonProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { HasRootRef } from "../../types";
|
|
3
|
+
import { VisuallyHiddenInputProps } from "../VisuallyHiddenInput/VisuallyHiddenInput";
|
|
3
4
|
import "./Switch.css";
|
|
4
|
-
export interface SwitchProps extends
|
|
5
|
+
export interface SwitchProps extends VisuallyHiddenInputProps, HasRootRef<HTMLLabelElement> {
|
|
5
6
|
}
|
|
6
7
|
export declare const Switch: React.FC<SwitchProps>;
|
|
@@ -2,7 +2,10 @@ import * as React from "react";
|
|
|
2
2
|
import { HasComponent } from "../../../types";
|
|
3
3
|
import "./Subhead.css";
|
|
4
4
|
export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Начертания "regular", "medium", "semibold" и "bold" устарели и будут удалены в 5.0.0.
|
|
7
|
+
*/
|
|
8
|
+
weight?: "regular" | "medium" | "semibold" | "bold" | "1" | "2" | "3";
|
|
6
9
|
}
|
|
7
10
|
declare const Subhead: React.FC<SubheadProps>;
|
|
8
11
|
export default Subhead;
|
|
@@ -2,7 +2,10 @@ import * as React from "react";
|
|
|
2
2
|
import { HasComponent } from "../../../types";
|
|
3
3
|
import "./Title.css";
|
|
4
4
|
export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Начертания "heavy", "bold", "semibold", "medium" и "regular" устарели и будут удалены в 5.0.0.
|
|
7
|
+
*/
|
|
8
|
+
weight?: "heavy" | "bold" | "semibold" | "medium" | "regular" | "1" | "2" | "3";
|
|
6
9
|
level: "1" | "2" | "3";
|
|
7
10
|
}
|
|
8
11
|
declare const Title: React.FC<TitleProps>;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { HasRef } from "../../types";
|
|
3
|
+
import "./VisuallyHiddenInput.css";
|
|
4
|
+
export interface VisuallyHiddenInputProps extends React.InputHTMLAttributes<HTMLInputElement>, HasRef<HTMLInputElement> {
|
|
5
|
+
}
|
|
6
|
+
/**
|
|
7
|
+
* @description
|
|
8
|
+
* Обертка над обычным `<input/>`; дает
|
|
9
|
+
* скрыть его визуально и оставить
|
|
10
|
+
* доступным для ассистивных технологий.
|
|
11
|
+
*/
|
|
12
|
+
export declare const VisuallyHiddenInput: React.FC<VisuallyHiddenInputProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useAppearance: () => "
|
|
1
|
+
export declare const useAppearance: () => import("@vkontakte/vk-bridge").AppearanceType;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { PlatformType } from "../lib/platform";
|
|
2
|
-
export declare function usePlatform(): PlatformType
|
|
2
|
+
export declare function usePlatform(): PlatformType;
|
package/.cache/ts/src/index.d.ts
CHANGED
|
@@ -72,11 +72,11 @@ export { default as Button } from "./components/Button/Button";
|
|
|
72
72
|
export type { ButtonProps } from "./components/Button/Button";
|
|
73
73
|
export { default as IconButton } from "./components/IconButton/IconButton";
|
|
74
74
|
export type { IconButtonProps } from "./components/IconButton/IconButton";
|
|
75
|
-
export {
|
|
75
|
+
export { Card } from "./components/Card/Card";
|
|
76
76
|
export type { CardProps } from "./components/Card/Card";
|
|
77
77
|
export { default as CardGrid } from "./components/CardGrid/CardGrid";
|
|
78
78
|
export type { CardGridProps } from "./components/CardGrid/CardGrid";
|
|
79
|
-
export {
|
|
79
|
+
export { CardScroll } from "./components/CardScroll/CardScroll";
|
|
80
80
|
export type { CardScrollProps } from "./components/CardScroll/CardScroll";
|
|
81
81
|
export { default as ContentCard } from "./components/ContentCard/ContentCard";
|
|
82
82
|
export type { ContentCardProps } from "./components/ContentCard/ContentCard";
|
|
@@ -86,7 +86,7 @@ export { default as Header } from "./components/Header/Header";
|
|
|
86
86
|
export type { HeaderProps } from "./components/Header/Header";
|
|
87
87
|
export { default as Group } from "./components/Group/Group";
|
|
88
88
|
export type { GroupProps } from "./components/Group/Group";
|
|
89
|
-
export {
|
|
89
|
+
export { Gradient } from "./components/Gradient/Gradient";
|
|
90
90
|
export type { GradientProps } from "./components/Gradient/Gradient";
|
|
91
91
|
export { default as List } from "./components/List/List";
|
|
92
92
|
export { Cell } from "./components/Cell/Cell";
|
|
@@ -167,7 +167,7 @@ export { default as File } from "./components/File/File";
|
|
|
167
167
|
export type { FileProps } from "./components/File/File";
|
|
168
168
|
export { default as Input } from "./components/Input/Input";
|
|
169
169
|
export type { InputProps } from "./components/Input/Input";
|
|
170
|
-
export {
|
|
170
|
+
export { Chip } from "./components/Chip/Chip";
|
|
171
171
|
export type { ChipProps } from "./components/Chip/Chip";
|
|
172
172
|
export { default as ChipsInput } from "./components/ChipsInput/ChipsInput";
|
|
173
173
|
export type { ChipsInputProps } from "./components/ChipsInput/ChipsInput";
|
|
@@ -195,8 +195,10 @@ export { default as CustomSelectOption } from "./components/CustomSelectOption/C
|
|
|
195
195
|
export type { CustomSelectOptionProps } from "./components/CustomSelectOption/CustomSelectOption";
|
|
196
196
|
export { default as DatePicker } from "./components/DatePicker/DatePicker";
|
|
197
197
|
export type { DatePickerProps, DatePickerDateFormat, } from "./components/DatePicker/DatePicker";
|
|
198
|
-
export {
|
|
198
|
+
export { SliderSwitch } from "./components/SliderSwitch/SliderSwitch";
|
|
199
199
|
export type { SliderSwitchProps, SliderSwitchOptionInterface, } from "./components/SliderSwitch/SliderSwitch";
|
|
200
|
+
export { SegmentedControl } from "./components/SegmentedControl/SegmentedControl";
|
|
201
|
+
export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "./components/SegmentedControl/SegmentedControl";
|
|
200
202
|
/**
|
|
201
203
|
* Helpers
|
|
202
204
|
*/
|
|
@@ -12,3 +12,4 @@ export declare function setRef<T>(element: T, ref: React.Ref<T>): void;
|
|
|
12
12
|
export declare function multiRef<T>(...refs: Array<React.Ref<T> | undefined>): React.RefObject<T>;
|
|
13
13
|
export declare const noop: () => void;
|
|
14
14
|
export declare function getTitleFromChildren(children: React.ReactNode): string;
|
|
15
|
+
export declare const generateRandomId: () => string;
|
|
@@ -1,2 +1,14 @@
|
|
|
1
1
|
export { default as Button } from "../components/Button/Button";
|
|
2
2
|
export type { ButtonProps } from "../components/Button/Button";
|
|
3
|
+
export { Card } from "../components/Card/Card";
|
|
4
|
+
export type { CardProps } from "../components/Card/Card";
|
|
5
|
+
export { CardScroll } from "../components/CardScroll/CardScroll";
|
|
6
|
+
export type { CardScrollProps } from "../components/CardScroll/CardScroll";
|
|
7
|
+
export { default as HorizontalScroll } from "../components/HorizontalScroll/HorizontalScroll";
|
|
8
|
+
export type { HorizontalScrollProps } from "../components/HorizontalScroll/HorizontalScroll";
|
|
9
|
+
export { SegmentedControl } from "../components/SegmentedControl/SegmentedControl";
|
|
10
|
+
export type { SegmentedControlProps, SegmentedControlOptionInterface, SegmentedControlValue, } from "../components/SegmentedControl/SegmentedControl";
|
|
11
|
+
export { default as Title } from "../components/Typography/Title/Title";
|
|
12
|
+
export type { TitleProps } from "../components/Typography/Title/Title";
|
|
13
|
+
export { default as Subhead } from "../components/Typography/Subhead/Subhead";
|
|
14
|
+
export type { SubheadProps } from "../components/Typography/Subhead/Subhead";
|
package/CSS_GUIDE.md
ADDED
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
# Гайд по написанию стилей
|
|
2
|
+
|
|
3
|
+
## Соглашения
|
|
4
|
+
|
|
5
|
+
- Используем БЭМ-нотацию
|
|
6
|
+
- Блок начинается с заглавной буквы: `.Checkbox`
|
|
7
|
+
- Многословный блок разделяется через camelCase: `.SimpleCheckbox`
|
|
8
|
+
- Элемент от блока отделяется двумя подчеркиваниями: `.Checkbox__in`
|
|
9
|
+
- Многословные элементы разделяются через kebab-case: `.Banner__before-title`
|
|
10
|
+
- Модификатор отделяется двумя дефисами: `.Input--plain`
|
|
11
|
+
- Многословные модификаторы разделяются через kebab-case или camelCase: `.Checkbox--sizeX-regular`
|
|
12
|
+
|
|
13
|
+
### Связность стилей
|
|
14
|
+
|
|
15
|
+
Если компонент состоит из других компонентов, то для их модификации используем БЭМ-миксин. Пример:
|
|
16
|
+
|
|
17
|
+
```tsx
|
|
18
|
+
// Button.tsx
|
|
19
|
+
<button vkuiClass="Button">
|
|
20
|
+
<Text vkuiClass="Button__text">{children}</Text>
|
|
21
|
+
</button>
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
```css
|
|
25
|
+
/* Button.css */
|
|
26
|
+
.Button__text {
|
|
27
|
+
margin: 4px 0;
|
|
28
|
+
}
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
Если в компонент прокидываются другие компоненты извне, то для их модификации используем обращение к блоку. Пример:
|
|
32
|
+
|
|
33
|
+
```tsx
|
|
34
|
+
// Cell.tsx
|
|
35
|
+
<div vkuiClass="Cell">
|
|
36
|
+
{before} {/* В before может быть <Icon /> или <Avatar /> */}
|
|
37
|
+
</div>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
```css
|
|
41
|
+
/* Cell.css */
|
|
42
|
+
.Cell .Icon {
|
|
43
|
+
margin-right: 10px;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.Cell .Avatar {
|
|
47
|
+
margin-right: 8px;
|
|
48
|
+
}
|
|
49
|
+
```
|
|
50
|
+
|
|
51
|
+
Таких ситуаций стоит избегать, так как подобное связывание лишает нас возможности в будущем хешировать имена классов с
|
|
52
|
+
помощью css-modules.
|
|
53
|
+
|
|
54
|
+
## Проблемы
|
|
55
|
+
|
|
56
|
+
### Конфликт стилей блока и миксина
|
|
57
|
+
|
|
58
|
+
```css
|
|
59
|
+
/* Text.css */
|
|
60
|
+
.Text {
|
|
61
|
+
margin: 0;
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
```css
|
|
66
|
+
/* Button.css */
|
|
67
|
+
.Button__text {
|
|
68
|
+
margin: 4px 0;
|
|
69
|
+
}
|
|
70
|
+
```
|
|
71
|
+
|
|
72
|
+
Вес селекторов одинаковый, поэтому применится последний по порядку. Рассчитывать на порядок сложно, так как он может
|
|
73
|
+
меняться, если собирать стили вебпаком.
|
|
74
|
+
|
|
75
|
+
#### Решение
|
|
76
|
+
|
|
77
|
+
Избегать правил на блоке, которые могут быть в миксине.
|
|
78
|
+
|
|
79
|
+
Список правил, которых стоит избегать:
|
|
80
|
+
|
|
81
|
+
- display;
|
|
82
|
+
- margin;
|
|
83
|
+
- position;
|
|
84
|
+
- left, right, top, bottom;
|
|
85
|
+
- transform: translate
|
|
86
|
+
|
|
87
|
+
### Сброс стилей
|
|
88
|
+
|
|
89
|
+
Допустим, мы делаем компонент типографики. Для семантики мы даём возможность рендерить
|
|
90
|
+
любой html-элемент. В итоге, если пользователь рендерит, допустим, `h1`, у него появляются
|
|
91
|
+
дефолтные браузерные `margin`. Наше решение такое:
|
|
92
|
+
|
|
93
|
+
```css
|
|
94
|
+
/* Title.css */
|
|
95
|
+
|
|
96
|
+
.Title {
|
|
97
|
+
/*...*/
|
|
98
|
+
margin: 0; /* или любое другое значение, диктуемое дизайном */
|
|
99
|
+
}
|
|
100
|
+
```
|
|
101
|
+
|
|
102
|
+
Решение приводит нас к предыдущей проблеме.
|
|
103
|
+
|
|
104
|
+
#### Решение
|
|
105
|
+
|
|
106
|
+
В таком случае необходимо снабдить компонент режимом `withSpaces`, который
|
|
107
|
+
если `false`, то никакие `margin` на блок не навешиваются.
|
|
108
|
+
|
|
109
|
+
### Нормализация стилей
|
|
110
|
+
|
|
111
|
+
Допустим, мы делаем компонент кнопки. Согласно дизайну, кнопка может быть ссылкой. Поэтому
|
|
112
|
+
Button мы тоже наделяем возможностью рендерить любой html-элемент, в том числе `a`. В силу
|
|
113
|
+
ряда стилей нам необходимо, что кнопка не была инлайновой. Поэтому мы пишем следующее:
|
|
114
|
+
|
|
115
|
+
```css
|
|
116
|
+
/* Button.css */
|
|
117
|
+
|
|
118
|
+
.Button {
|
|
119
|
+
/* ... */
|
|
120
|
+
display: inline-block;
|
|
121
|
+
}
|
|
122
|
+
```
|
|
123
|
+
|
|
124
|
+
Теперь те, кто хочет скрыть кнопку, используя миксин, столкнутся с проблемой конфликта
|
|
125
|
+
блока и миксина.
|
|
126
|
+
|
|
127
|
+
#### Решение
|
|
128
|
+
|
|
129
|
+
В данном случае мы можем только порекомендовать разработчикам оборачивать кнопку
|
|
130
|
+
в условный `div`.
|
|
131
|
+
|
|
132
|
+
### Обращения к элементам другого блока
|
|
133
|
+
|
|
134
|
+
```css
|
|
135
|
+
/* Banner.css */
|
|
136
|
+
.Banner .Button__in {
|
|
137
|
+
padding-top: 4px;
|
|
138
|
+
}
|
|
139
|
+
```
|
|
140
|
+
|
|
141
|
+
Мы завязываемся на реализацию другого компонента. Это плохо, так как реализация может меняться.
|
|
142
|
+
|
|
143
|
+
#### Решение
|
|
144
|
+
|
|
145
|
+
Не обращаться к элементам другого блока
|
|
@@ -60,7 +60,8 @@
|
|
|
60
60
|
- В стилях компонента не осталось платформенных селекторов типа `.Button--ios`, `.Button--vkcom`, `.Button--android`
|
|
61
61
|
- Если в стилях встречаются токены из Appearance, то их нужно не удалять, а дополнять фоллбэком на соответствующий токен из vkui-tokens
|
|
62
62
|
- В tsx компонента не осталось логики, которая зависит от платформы
|
|
63
|
-
- Компонент добавлен в src/tokenized/index.ts
|
|
63
|
+
- Компонент добавлен в `src/tokenized/index.ts` (в `src/index.ts` он так же должен быть)
|
|
64
|
+
- Имя компонента добавлено в массив из `styleguide/tokenized.js`
|
|
64
65
|
|
|
65
66
|
### После отказа от Appearance
|
|
66
67
|
|
|
@@ -39,7 +39,7 @@ var _FocusTrap = require("../FocusTrap/FocusTrap");
|
|
|
39
39
|
|
|
40
40
|
var _Popper = require("../Popper/Popper");
|
|
41
41
|
|
|
42
|
-
var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose"];
|
|
42
|
+
var _excluded = ["children", "toggleRef", "closing", "popupDirection", "onClose", "className", "style"];
|
|
43
43
|
var warn = (0, _warnOnce.warnOnce)("ActionSheet");
|
|
44
44
|
|
|
45
45
|
function getEl(ref) {
|
|
@@ -52,6 +52,8 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
|
|
|
52
52
|
closing = _ref.closing,
|
|
53
53
|
popupDirection = _ref.popupDirection,
|
|
54
54
|
onClose = _ref.onClose,
|
|
55
|
+
className = _ref.className,
|
|
56
|
+
style = _ref.style,
|
|
55
57
|
restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
56
58
|
|
|
57
59
|
var _useDOM = (0, _dom.useDOM)(),
|
|
@@ -103,6 +105,8 @@ var ActionSheetDropdownDesktop = function ActionSheetDropdownDesktop(_ref) {
|
|
|
103
105
|
offsetDistance: 0,
|
|
104
106
|
placement: isPopupDirectionTop ? "top-end" : "bottom-end",
|
|
105
107
|
vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("ActionSheet", platform), "ActionSheet--desktop", "ActionSheet--sizeY-".concat(sizeY)),
|
|
108
|
+
className: className,
|
|
109
|
+
style: style,
|
|
106
110
|
getRef: elementRef,
|
|
107
111
|
forcePortal: false
|
|
108
112
|
}, (0, _jsxRuntime.createScopedElement)(_FocusTrap.FocusTrap, (0, _extends2.default)({
|