@vkontakte/vkui 4.22.0 → 4.22.1

package/.cache/.stylelintcache

@@ -1 +1 @@
-[{"/home/runner/work/VKUI/VKUI/src/styles/animations.css":"1","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"2","/home/runner/work/VKUI/VKUI/src/styles/common.css":"3","/home/runner/work/VKUI/VKUI/src/styles/components.css":"4","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"5","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"6","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"7","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"8","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"10","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"12","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"13","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"14","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"15","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"16","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"17","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"18","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"19","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"20","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"21","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"22","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"23","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"24","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"25","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"26","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"27","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"28","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"29","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"30","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"31","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"32","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"33","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"34","/home/runner/work/VKUI/VKUI/src/components/DropdownIcon/DropdownIcon.css":"35","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"36","/home/runner/work/VKUI/VKUI/src/components/File/File.css":"37","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"38","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"39","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"40","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"41","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"42","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"43","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"44","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"45","/home/runner/work/VKUI/VKUI/src/components/Gallery/Gallery.css":"46","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"47","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"48","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"49","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"50","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"51","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"52","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"53","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"54","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"55","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"56","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"57","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"58","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"59","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"60","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"61","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"62","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"63","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"64","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"65","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"66","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"67","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"68","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"69","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"70","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"71","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"72","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"73","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"74","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"75","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"76","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"77","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"78","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"79","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"80","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"81","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"82","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"83","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"84","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"85","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"86","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"87","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"88","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"89","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"90","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"91","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"92","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"93","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"94","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"95","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"96","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"97","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"98","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"99","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"100","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"101","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"102","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"103","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"104","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"105","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"106","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"107","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"108","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"109","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"110","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"111","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"112","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"113","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"114","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"115","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"116","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"117"},{"size":113,"mtime":1637168053637,"hashOfConfig":"118"},{"size":9880,"mtime":1637168053637,"hashOfConfig":"118"},{"size":569,"mtime":1637168053637,"hashOfConfig":"118"},{"size":5757,"mtime":1637168053637,"hashOfConfig":"118"},{"size":1630,"mtime":1637168053637,"hashOfConfig":"118"},{"size":9991,"mtime":1637168053637,"hashOfConfig":"118"},{"size":115,"mtime":1637168053637,"hashOfConfig":"118"},{"size":124,"mtime":1637168053637,"hashOfConfig":"118"},{"size":10060,"mtime":1637168053637,"hashOfConfig":"118"},{"size":9883,"mtime":1637168053637,"hashOfConfig":"118"},{"size":2973,"mtime":1637168052313,"hashOfConfig":"118"},{"size":5728,"mtime":1637168053573,"hashOfConfig":"118"},{"size":5191,"mtime":1637168053573,"hashOfConfig":"118"},{"size":276,"mtime":1637168053573,"hashOfConfig":"118"},{"size":2040,"mtime":1637168053573,"hashOfConfig":"118"},{"size":328,"mtime":1637168053573,"hashOfConfig":"118"},{"size":2395,"mtime":1637168053573,"hashOfConfig":"118"},{"size":4341,"mtime":1637168053577,"hashOfConfig":"118"},{"size":764,"mtime":1637168053577,"hashOfConfig":"118"},{"size":1091,"mtime":1637168053577,"hashOfConfig":"118"},{"size":1278,"mtime":1637168053577,"hashOfConfig":"118"},{"size":801,"mtime":1637168053577,"hashOfConfig":"118"},{"size":742,"mtime":1637168053577,"hashOfConfig":"118"},{"size":1745,"mtime":1637168053581,"hashOfConfig":"118"},{"size":951,"mtime":1637168053581,"hashOfConfig":"118"},{"size":1155,"mtime":1637168053585,"hashOfConfig":"118"},{"size":1108,"mtime":1637168053585,"hashOfConfig":"118"},{"size":465,"mtime":1637168053585,"hashOfConfig":"118"},{"size":1771,"mtime":1637168053585,"hashOfConfig":"118"},{"size":1186,"mtime":1637168053585,"hashOfConfig":"118"},{"size":1303,"mtime":1637168053585,"hashOfConfig":"118"},{"size":1043,"mtime":1637168053589,"hashOfConfig":"118"},{"size":357,"mtime":1637168053589,"hashOfConfig":"118"},{"size":122,"mtime":1637168053589,"hashOfConfig":"118"},{"size":37,"mtime":1637168053589,"hashOfConfig":"118"},{"size":41,"mtime":1637168053589,"hashOfConfig":"118"},{"size":44,"mtime":1637168053589,"hashOfConfig":"118"},{"size":510,"mtime":1637168053589,"hashOfConfig":"118"},{"size":2066,"mtime":1637168053589,"hashOfConfig":"118"},{"size":141,"mtime":1637168053589,"hashOfConfig":"118"},{"size":2056,"mtime":1637168053589,"hashOfConfig":"118"},{"size":1342,"mtime":1637168053589,"hashOfConfig":"118"},{"size":227,"mtime":1637168053593,"hashOfConfig":"118"},{"size":317,"mtime":1637168053593,"hashOfConfig":"118"},{"size":740,"mtime":1637168053593,"hashOfConfig":"118"},{"size":995,"mtime":1637168053593,"hashOfConfig":"118"},{"size":1771,"mtime":1637168053593,"hashOfConfig":"118"},{"size":946,"mtime":1637168053593,"hashOfConfig":"118"},{"size":1623,"mtime":1637168053593,"hashOfConfig":"118"},{"size":2364,"mtime":1637168053593,"hashOfConfig":"118"},{"size":1991,"mtime":1637168053593,"hashOfConfig":"118"},{"size":573,"mtime":1637168053597,"hashOfConfig":"118"},{"size":1237,"mtime":1637168053597,"hashOfConfig":"118"},{"size":1657,"mtime":1637168053597,"hashOfConfig":"118"},{"size":243,"mtime":1637168053597,"hashOfConfig":"118"},{"size":1241,"mtime":1637168053597,"hashOfConfig":"118"},{"size":830,"mtime":1637168053597,"hashOfConfig":"118"},{"size":287,"mtime":1637168053601,"hashOfConfig":"118"},{"size":9,"mtime":1637168053601,"hashOfConfig":"118"},{"size":1120,"mtime":1637168053601,"hashOfConfig":"118"},{"size":1146,"mtime":1637168053601,"hashOfConfig":"118"},{"size":1748,"mtime":1637168053601,"hashOfConfig":"118"},{"size":648,"mtime":1637168053601,"hashOfConfig":"118"},{"size":2614,"mtime":1637168053605,"hashOfConfig":"118"},{"size":4794,"mtime":1637168053605,"hashOfConfig":"118"},{"size":1303,"mtime":1637168053605,"hashOfConfig":"118"},{"size":2238,"mtime":1637168053605,"hashOfConfig":"118"},{"size":5509,"mtime":1637168053609,"hashOfConfig":"118"},{"size":154,"mtime":1637168053609,"hashOfConfig":"118"},{"size":1616,"mtime":1637168053609,"hashOfConfig":"118"},{"size":1396,"mtime":1637168053609,"hashOfConfig":"118"},{"size":2896,"mtime":1637168053609,"hashOfConfig":"118"},{"size":812,"mtime":1637168053609,"hashOfConfig":"118"},{"size":455,"mtime":1637168053609,"hashOfConfig":"118"},{"size":1834,"mtime":1637168053609,"hashOfConfig":"118"},{"size":211,"mtime":1637168053609,"hashOfConfig":"118"},{"size":935,"mtime":1637168053609,"hashOfConfig":"118"},{"size":2002,"mtime":1637168053609,"hashOfConfig":"118"},{"size":4031,"mtime":1637168053609,"hashOfConfig":"118"},{"size":2257,"mtime":1637168053609,"hashOfConfig":"118"},{"size":1828,"mtime":1637168053613,"hashOfConfig":"118"},{"size":2850,"mtime":1637168053613,"hashOfConfig":"118"},{"size":648,"mtime":1637168053613,"hashOfConfig":"118"},{"size":6436,"mtime":1637168053613,"hashOfConfig":"118"},{"size":926,"mtime":1637168053613,"hashOfConfig":"118"},{"size":837,"mtime":1637168053613,"hashOfConfig":"118"},{"size":5117,"mtime":1637168053617,"hashOfConfig":"118"},{"size":2503,"mtime":1637168053617,"hashOfConfig":"118"},{"size":2184,"mtime":1637168053617,"hashOfConfig":"118"},{"size":1685,"mtime":1637168053617,"hashOfConfig":"118"},{"size":2878,"mtime":1637168053617,"hashOfConfig":"118"},{"size":744,"mtime":1637168053617,"hashOfConfig":"118"},{"size":443,"mtime":1637168053617,"hashOfConfig":"118"},{"size":402,"mtime":1637168053617,"hashOfConfig":"118"},{"size":916,"mtime":1637168053621,"hashOfConfig":"118"},{"size":705,"mtime":1637168053621,"hashOfConfig":"118"},{"size":1728,"mtime":1637168053621,"hashOfConfig":"118"},{"size":4058,"mtime":1637168053621,"hashOfConfig":"118"},{"size":849,"mtime":1637168053621,"hashOfConfig":"118"},{"size":1263,"mtime":1637168053621,"hashOfConfig":"118"},{"size":2021,"mtime":1637168053621,"hashOfConfig":"118"},{"size":3666,"mtime":1637168053625,"hashOfConfig":"118"},{"size":2297,"mtime":1637168053625,"hashOfConfig":"118"},{"size":644,"mtime":1637168053625,"hashOfConfig":"118"},{"size":2787,"mtime":1637168053625,"hashOfConfig":"118"},{"size":1760,"mtime":1637168053629,"hashOfConfig":"118"},{"size":1830,"mtime":1637168053633,"hashOfConfig":"118"},{"size":3062,"mtime":1637168053633,"hashOfConfig":"118"},{"size":1759,"mtime":1637168053633,"hashOfConfig":"118"},{"size":1284,"mtime":1637168053633,"hashOfConfig":"118"},{"size":313,"mtime":1637168053577,"hashOfConfig":"118"},{"size":70,"mtime":1637168053577,"hashOfConfig":"118"},{"size":630,"mtime":1637168053625,"hashOfConfig":"118"},{"size":307,"mtime":1637168053629,"hashOfConfig":"118"},{"size":325,"mtime":1637168053629,"hashOfConfig":"118"},{"size":283,"mtime":1637168053629,"hashOfConfig":"118"},{"size":557,"mtime":1637168053629,"hashOfConfig":"118"},"16giffr"]
+[{"/home/runner/work/VKUI/VKUI/src/styles/animations.css":"1","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"2","/home/runner/work/VKUI/VKUI/src/styles/common.css":"3","/home/runner/work/VKUI/VKUI/src/styles/components.css":"4","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"5","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"6","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"7","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"8","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"10","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"12","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"13","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"14","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"15","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"16","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"17","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"18","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"19","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"20","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"21","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"22","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"23","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"24","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"25","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"26","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"27","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"28","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"29","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"30","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"31","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"32","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"33","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"34","/home/runner/work/VKUI/VKUI/src/components/DropdownIcon/DropdownIcon.css":"35","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"36","/home/runner/work/VKUI/VKUI/src/components/File/File.css":"37","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"38","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"39","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"40","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"41","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"42","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"43","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"44","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"45","/home/runner/work/VKUI/VKUI/src/components/Gallery/Gallery.css":"46","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"47","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"48","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"49","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"50","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"51","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"52","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"53","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"54","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"55","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"56","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"57","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"58","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"59","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"60","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"61","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"62","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"63","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"64","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"65","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"66","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"67","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"68","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"69","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"70","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"71","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"72","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"73","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"74","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"75","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"76","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"77","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"78","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"79","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"80","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"81","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"82","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"83","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"84","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"85","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"86","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"87","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"88","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"89","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"90","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"91","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"92","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"93","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"94","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"95","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"96","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"97","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"98","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"99","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"100","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"101","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"102","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"103","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"104","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"105","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"106","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"107","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"108","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"109","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"110","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"111","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"112","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"113","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"114","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"115","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"116","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"117"},{"size":113,"mtime":1637571812247,"hashOfConfig":"118"},{"size":9880,"mtime":1637571812247,"hashOfConfig":"118"},{"size":569,"mtime":1637571812247,"hashOfConfig":"118"},{"size":5757,"mtime":1637571812247,"hashOfConfig":"118"},{"size":1630,"mtime":1637571812247,"hashOfConfig":"118"},{"size":9991,"mtime":1637571812247,"hashOfConfig":"118"},{"size":115,"mtime":1637571812247,"hashOfConfig":"118"},{"size":124,"mtime":1637571812247,"hashOfConfig":"118"},{"size":10060,"mtime":1637571812247,"hashOfConfig":"118"},{"size":9883,"mtime":1637571812247,"hashOfConfig":"118"},{"size":2973,"mtime":1637571812151,"hashOfConfig":"118"},{"size":5728,"mtime":1637571812203,"hashOfConfig":"118"},{"size":5191,"mtime":1637571812203,"hashOfConfig":"118"},{"size":276,"mtime":1637571812203,"hashOfConfig":"118"},{"size":2040,"mtime":1637571812203,"hashOfConfig":"118"},{"size":328,"mtime":1637571812203,"hashOfConfig":"118"},{"size":2395,"mtime":1637571812203,"hashOfConfig":"118"},{"size":4341,"mtime":1637571812207,"hashOfConfig":"118"},{"size":764,"mtime":1637571812207,"hashOfConfig":"118"},{"size":1091,"mtime":1637571812207,"hashOfConfig":"118"},{"size":1278,"mtime":1637571812207,"hashOfConfig":"118"},{"size":801,"mtime":1637571812207,"hashOfConfig":"118"},{"size":742,"mtime":1637571812207,"hashOfConfig":"118"},{"size":1745,"mtime":1637571812207,"hashOfConfig":"118"},{"size":951,"mtime":1637571812211,"hashOfConfig":"118"},{"size":1155,"mtime":1637571812211,"hashOfConfig":"118"},{"size":1108,"mtime":1637571812211,"hashOfConfig":"118"},{"size":465,"mtime":1637571812211,"hashOfConfig":"118"},{"size":1771,"mtime":1637571812211,"hashOfConfig":"118"},{"size":1186,"mtime":1637571812215,"hashOfConfig":"118"},{"size":1303,"mtime":1637571812215,"hashOfConfig":"118"},{"size":1043,"mtime":1637571812215,"hashOfConfig":"118"},{"size":357,"mtime":1637571812215,"hashOfConfig":"118"},{"size":122,"mtime":1637571812215,"hashOfConfig":"118"},{"size":37,"mtime":1637571812215,"hashOfConfig":"118"},{"size":41,"mtime":1637571812215,"hashOfConfig":"118"},{"size":44,"mtime":1637571812215,"hashOfConfig":"118"},{"size":510,"mtime":1637571812215,"hashOfConfig":"118"},{"size":2066,"mtime":1637571812215,"hashOfConfig":"118"},{"size":141,"mtime":1637571812215,"hashOfConfig":"118"},{"size":2056,"mtime":1637571812215,"hashOfConfig":"118"},{"size":1342,"mtime":1637571812215,"hashOfConfig":"118"},{"size":227,"mtime":1637571812215,"hashOfConfig":"118"},{"size":317,"mtime":1637571812215,"hashOfConfig":"118"},{"size":740,"mtime":1637571812219,"hashOfConfig":"118"},{"size":995,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1771,"mtime":1637571812219,"hashOfConfig":"118"},{"size":946,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1623,"mtime":1637571812219,"hashOfConfig":"118"},{"size":2364,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1991,"mtime":1637571812219,"hashOfConfig":"118"},{"size":573,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1237,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1657,"mtime":1637571812219,"hashOfConfig":"118"},{"size":243,"mtime":1637571812219,"hashOfConfig":"118"},{"size":1241,"mtime":1637571812219,"hashOfConfig":"118"},{"size":830,"mtime":1637571812223,"hashOfConfig":"118"},{"size":287,"mtime":1637571812223,"hashOfConfig":"118"},{"size":9,"mtime":1637571812223,"hashOfConfig":"118"},{"size":1120,"mtime":1637571812223,"hashOfConfig":"118"},{"size":1146,"mtime":1637571812223,"hashOfConfig":"118"},{"size":1748,"mtime":1637571812223,"hashOfConfig":"118"},{"size":648,"mtime":1637571812223,"hashOfConfig":"118"},{"size":2614,"mtime":1637571812223,"hashOfConfig":"118"},{"size":4794,"mtime":1637571812223,"hashOfConfig":"118"},{"size":1303,"mtime":1637571812227,"hashOfConfig":"118"},{"size":2238,"mtime":1637571812227,"hashOfConfig":"118"},{"size":5509,"mtime":1637571812227,"hashOfConfig":"118"},{"size":154,"mtime":1637571812227,"hashOfConfig":"118"},{"size":1616,"mtime":1637571812227,"hashOfConfig":"118"},{"size":1396,"mtime":1637571812227,"hashOfConfig":"118"},{"size":2896,"mtime":1637571812227,"hashOfConfig":"118"},{"size":812,"mtime":1637571812227,"hashOfConfig":"118"},{"size":455,"mtime":1637571812231,"hashOfConfig":"118"},{"size":1834,"mtime":1637571812231,"hashOfConfig":"118"},{"size":211,"mtime":1637571812231,"hashOfConfig":"118"},{"size":935,"mtime":1637571812231,"hashOfConfig":"118"},{"size":2002,"mtime":1637571812231,"hashOfConfig":"118"},{"size":4031,"mtime":1637571812231,"hashOfConfig":"118"},{"size":2257,"mtime":1637571812231,"hashOfConfig":"118"},{"size":1828,"mtime":1637571812231,"hashOfConfig":"118"},{"size":2850,"mtime":1637571812231,"hashOfConfig":"118"},{"size":648,"mtime":1637571812231,"hashOfConfig":"118"},{"size":6436,"mtime":1637571812231,"hashOfConfig":"118"},{"size":926,"mtime":1637571812231,"hashOfConfig":"118"},{"size":837,"mtime":1637571812231,"hashOfConfig":"118"},{"size":5117,"mtime":1637571812235,"hashOfConfig":"118"},{"size":2503,"mtime":1637571812235,"hashOfConfig":"118"},{"size":2184,"mtime":1637571812235,"hashOfConfig":"118"},{"size":1685,"mtime":1637571812235,"hashOfConfig":"118"},{"size":2878,"mtime":1637571812235,"hashOfConfig":"118"},{"size":744,"mtime":1637571812235,"hashOfConfig":"118"},{"size":443,"mtime":1637571812235,"hashOfConfig":"118"},{"size":402,"mtime":1637571812235,"hashOfConfig":"118"},{"size":916,"mtime":1637571812235,"hashOfConfig":"118"},{"size":705,"mtime":1637571812235,"hashOfConfig":"118"},{"size":1728,"mtime":1637571812235,"hashOfConfig":"118"},{"size":4058,"mtime":1637571812235,"hashOfConfig":"118"},{"size":906,"mtime":1637571812239,"hashOfConfig":"118"},{"size":2083,"mtime":1637571812239,"hashOfConfig":"118"},{"size":2021,"mtime":1637571812239,"hashOfConfig":"118"},{"size":3666,"mtime":1637571812239,"hashOfConfig":"118"},{"size":2297,"mtime":1637571812239,"hashOfConfig":"118"},{"size":644,"mtime":1637571812239,"hashOfConfig":"118"},{"size":2787,"mtime":1637571812239,"hashOfConfig":"118"},{"size":1760,"mtime":1637571812243,"hashOfConfig":"118"},{"size":1830,"mtime":1637571812243,"hashOfConfig":"118"},{"size":3062,"mtime":1637571812243,"hashOfConfig":"118"},{"size":1759,"mtime":1637571812243,"hashOfConfig":"118"},{"size":1284,"mtime":1637571812243,"hashOfConfig":"118"},{"size":313,"mtime":1637571812207,"hashOfConfig":"118"},{"size":70,"mtime":1637571812207,"hashOfConfig":"118"},{"size":630,"mtime":1637571812243,"hashOfConfig":"118"},{"size":307,"mtime":1637571812243,"hashOfConfig":"118"},{"size":325,"mtime":1637571812243,"hashOfConfig":"118"},{"size":283,"mtime":1637571812243,"hashOfConfig":"118"},{"size":557,"mtime":1637571812243,"hashOfConfig":"118"},"16giffr"]

package/.cache/.tsbuildinfo

@@ -1006,7 +1006,7 @@
         "signature": "f7f97fe4d8103d0485eb10098ee532da6c52bf0f0eb0055aafa6ee15e90dd461"
       },
       "../src/components/Tabbar/Tabbar.tsx": {
-        "version": "eb1528ae5286085dc1f0c61347ffddd377fcded445deb63029f202e5bf302787",
+        "version": "50583293b6492573123644ddb24dac8f47ecf87192f02804763ec29522ccf79b",
         "signature": "260fffde5a15f5b7405ce54786be28278db4d2fb94115609ecb2364713739b50"
       },
       "../src/components/Counter/Counter.tsx": {
@@ -1014,8 +1014,8 @@
         "signature": "a0f8af8ba873a4862da5dbaded2835a930a42d6d7174b3fe65f249a33f660e83"
       },
       "../src/components/TabbarItem/TabbarItem.tsx": {
-        "version": "374845b4798b8aef36c5336f1c25782f3d75f867172630a0271ca8e3272327bf",
-        "signature": "0eb49ca97d0cc7d316147f028e95c87f3371a0d339753066c96caff88ec5448f"
+        "version": "be79e5e81ed4a332f88cdd1894c1b26d4a5dd8598755c856f7081371fa78a64c",
+        "signature": "551645a556a5865796973d829b17d671b9ce1bb8acada552cebcf7045e50d1e9"
       },
       "../node_modules/@vkontakte/icons/dist/IconSettings.d.ts": {
         "version": "5462fc0d1f1ac9e4f4a4cbeec99ad27d686f99d1612dc3f122a5ca7ac4bb3c18",
@@ -7210,7 +7210,7 @@
         "signature": "50b03420124bc80be275e976c526018ac3c3abf078eca9dad64aff93d336df73"
       },
       "../src/components/FocusTrap/FocusTrap.tsx": {
-        "version": "e1e331dfce6827b43d155a7f629971f9886d299f89e83026c7038980b50f9d84",
+        "version": "b1901918f644a21535c9845c55a98c30625c561a413c83f2f02fec851007b0a2",
         "signature": "4719314dc92c783ff6703ad9b4b05058d2a57511ecf4852001e629d9668b361e"
       },
       "../src/components/Alert/Alert.tsx": {
@@ -7326,7 +7326,7 @@
         "signature": "d82c41c4f805e69710f46b1ad9633fe930cfbf48ecf76796b9b522efb57489c8"
       },
       "../src/components/CardScroll/CardScroll.tsx": {
-        "version": "bf07406fceed173d3a669257280c0cad7a541676126c6e620f6cc3b609f74e03",
+        "version": "d5906fd84d530fa35ba44b4857f09000ed5e83cae46927532ece72fe99c027f3",
         "signature": "54ade597ae0a802b0467ff637d0c36f4bc795077cff077b5891986e34448d6bc"
       },
       "../src/components/ContentCard/ContentCard.tsx": {
@@ -7366,7 +7366,7 @@
         "signature": "ddd5d0afad1325b9897929b95e06e509e2f1436085914a42b76929d3df2c1a5c"
       },
       "../src/components/Cell/useDraggable.tsx": {
-        "version": "9d98a6b4dea2235b1b4424144e5288194cdcafcc90088fa4cc35c431eb6e8b32",
+        "version": "d815598b525f5b510eebb94f1940788a94c09d15935f4bcda4393e3ec3b5a679",
         "signature": "1db0aed868ac4aa83abd1c765d19c1dbc79443b94b30c5436938f45922d71509"
       },
       "../src/components/Cell/CellDragger/CellDragger.tsx": {
@@ -8538,7 +8538,7 @@
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
       },
       "../src/components/TabbarItem/TabbarItem.test.tsx": {
-        "version": "38f805147002bba1677c3f9ffbe4aa9fe58ce33d6ee89217a52cded8a414311a",
+        "version": "e1c54d45e3c49c0170553f57d929bb1e6edbacac77775994d2684553e35ac21d",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
       },
       "../src/components/Tabs/Tabs.e2e.tsx": {
@@ -10951,6 +10951,9 @@
         "../src/lib/classNames.ts",
         "../src/hooks/usePlatform.ts",
         "../src/lib/utils.ts",
+        "../src/components/Tappable/Tappable.tsx",
+        "../src/lib/platform.ts",
+        "../src/types.ts",
         "../node_modules/@types/node/fs.d.ts",
         "../node_modules/@types/node/ts3.2/fs.d.ts",
         "../node_modules/@types/node/util.d.ts",
@@ -26983,6 +26986,8 @@
       "../src/components/TabbarItem/TabbarItem.test.tsx": [
         "../src/testing/utils.tsx",
         "../src/components/TabbarItem/TabbarItem.tsx",
+        "../node_modules/@testing-library/react/types/index.d.ts",
+        "../node_modules/@testing-library/user-event/dist/index.d.ts",
         "../node_modules/@types/node/fs.d.ts",
         "../node_modules/@types/node/ts3.2/fs.d.ts",
         "../node_modules/@types/node/util.d.ts",
@@ -29247,7 +29252,8 @@
         "../node_modules/@types/react/index.d.ts"
       ],
       "../src/components/TabbarItem/TabbarItem.tsx": [
-        "../node_modules/@types/react/index.d.ts"
+        "../node_modules/@types/react/index.d.ts",
+        "../src/types.ts"
       ],
       "../node_modules/@vkontakte/icons/dist/IconSettings.d.ts": [
         "../node_modules/@types/react/index.d.ts",

package/.cache/ts/src/components/TabbarItem/TabbarItem.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../types';
 import './TabbarItem.css';
-export interface TabbarItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement> {
+export interface TabbarItemProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'label'>, // TODO убрать Omit после удаления свойства label
+HasRootRef<HTMLElement>, HasComponent {
     selected?: boolean;
     /**
      * Тест рядом с иконкой

package/dist/cjs/components/CardScroll/CardScroll.js

@@ -69,7 +69,7 @@ var CardScroll = function CardScroll(_ref) {
 
   function getScrollToRight(offset) {
     var containerWidth = refContainer.current.offsetWidth;
-    var slide = Array.from(refContainer.current.children).find(function (el) {
+    var slide = Array.prototype.find.call(refContainer.current.children, function (el) {
       return el.offsetLeft + el.offsetWidth - offset > containerWidth;
     });
 

package/dist/cjs/components/CardScroll/CardScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["CardScroll","children","size","sizeX","restProps","platform","refContainer","React","useRef","gapRef","window","getScrollToLeft","offset","containerWidth","current","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","find","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport HorizontalScroll from '../HorizontalScroll/HorizontalScroll';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useDOM } from '../../lib/dom';\nimport './CardScroll.css';\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n  size?: 's' | 'm' | 'l';\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({ children, size, sizeX, ...restProps }: CardScrollProps) => {\n  const platform = usePlatform();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = Array\n      .from(refContainer.current.children)\n      .findIndex((el: HTMLElement) => el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0);\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo = slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.from(refContainer.current.children).find((el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName('CardScroll', platform),\n        `CardScroll--${size}`,\n        `CardScroll--sizeX-${sizeX}`,\n      )}\n    >\n      <HorizontalScroll getScrollToLeft={getScrollToLeft} getScrollToRight={getScrollToRight} showArrows={true}>\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n\nCardScroll.defaultProps = {\n  size: 's',\n};\n\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}
+{"version":3,"sources":["../../../../src/components/CardScroll/CardScroll.tsx"],"names":["CardScroll","children","size","sizeX","restProps","platform","refContainer","React","useRef","gapRef","window","getScrollToLeft","offset","containerWidth","current","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","prototype","find","call","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport HorizontalScroll from '../HorizontalScroll/HorizontalScroll';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useDOM } from '../../lib/dom';\nimport './CardScroll.css';\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n  size?: 's' | 'm' | 'l';\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({ children, size, sizeX, ...restProps }: CardScrollProps) => {\n  const platform = usePlatform();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = Array\n      .from(refContainer.current.children)\n      .findIndex((el: HTMLElement) => el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0);\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo = slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth,\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName('CardScroll', platform),\n        `CardScroll--${size}`,\n        `CardScroll--sizeX-${sizeX}`,\n      )}\n    >\n      <HorizontalScroll getScrollToLeft={getScrollToLeft} getScrollToRight={getScrollToRight} showArrows={true}>\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n\nCardScroll.defaultProps = {\n  size: 's',\n};\n\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}

package/dist/cjs/components/Cell/useDraggable.js

@@ -9,6 +9,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDraggable = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var React = _interopRequireWildcard(require("react"));
@@ -52,7 +54,7 @@ var useDraggable = function useDraggable(_ref) {
     var rootEl = rootElRef.current;
     setDragging(true);
 
-    var _siblings = Array.from(rootEl.parentElement.childNodes);
+    var _siblings = (0, _toConsumableArray2.default)(rootEl.parentElement.childNodes);
 
     var idx = _siblings.indexOf(rootEl);
 

package/dist/cjs/components/Cell/useDraggable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":["useDraggable","onDragFinish","React","useState","dragging","setDragging","rootElRef","useRef","undefined","siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","Array","from","parentElement","childNodes","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","to","useDraggableProps"],"mappings":";;;;;;;;;;;;;AAAA;;AAeO,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAAuD;AAAA,MAApDC,YAAoD,QAApDA,YAAoD;;AACjF,wBAAgCC,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,MAAMC,SAAS,GAAGJ,KAAK,CAACK,MAAN,CAAa,IAAb,CAAlB;;AAEA,yBAAgCL,KAAK,CAACC,QAAN,CAA8BK,SAA9B,CAAhC;AAAA;AAAA,MAAOC,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAA4CR,KAAK,CAACC,QAAN,CAAuBK,SAAvB,CAA5C;AAAA;AAAA,MAAOG,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,yBAAwCV,KAAK,CAACC,QAAN,CAAuBK,SAAvB,CAAxC;AAAA;AAAA,MAAOK,YAAP;AAAA,MAAqBC,eAArB;;AACA,yBAAkCZ,KAAK,CAACC,QAAN,CAAuB,CAAvB,CAAlC;AAAA;AAAA,MAAOY,SAAP;AAAA,MAAkBC,YAAlB;;AACA,0BAA0Cd,KAAK,CAACC,QAAN,CAA8BK,SAA9B,CAA1C;AAAA;AAAA,MAAOS,aAAP;AAAA,MAAsBC,gBAAtB;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;AACxB,QAAMC,MAAM,GAAGd,SAAS,CAACe,OAAzB;AAEAhB,IAAAA,WAAW,CAAC,IAAD,CAAX;;AAEA,QAAMiB,SAAwB,GAAGC,KAAK,CAACC,IAAN,CAAWJ,MAAM,CAACK,aAAP,CAAqBC,UAAhC,CAAjC;;AACA,QAAMC,GAAG,GAAGL,SAAS,CAACM,OAAV,CAAkBR,MAAlB,CAAZ;;AAEAR,IAAAA,iBAAiB,CAACe,GAAD,CAAjB;AACAb,IAAAA,eAAe,CAACa,GAAD,CAAf;AACAjB,IAAAA,WAAW,CAACY,SAAD,CAAX;AACAN,IAAAA,YAAY,CAAC,CAAD,CAAZ;AACD,GAZD;;AAcA,MAAMa,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAmB;AACpCA,IAAAA,CAAC,CAACC,aAAF,CAAgBC,cAAhB;AAEA,QAAMZ,MAAM,GAAGd,SAAS,CAACe,OAAzB;AAEAD,IAAAA,MAAM,CAACa,KAAP,CAAaC,SAAb,wBAAuCJ,CAAC,CAACK,MAAzC;AACA,QAAMC,WAAW,GAAGhB,MAAM,CAACiB,qBAAP,EAApB;AAEAnB,IAAAA,gBAAgB,CAACH,SAAS,GAAGe,CAAC,CAACK,MAAd,GAAuB,CAAvB,GAA2B,MAA3B,GAAoC,IAArC,CAAhB;AACAnB,IAAAA,YAAY,CAACc,CAAC,CAACK,MAAH,CAAZ;AACArB,IAAAA,eAAe,CAACH,cAAD,CAAf;AAEAF,IAAAA,QAAQ,CAAC6B,OAAT,CAAiB,UAACC,OAAD,EAAuBC,YAAvB,EAAgD;AAC/D,UAAMC,cAAc,GAAGF,OAAO,CAACF,qBAAR,EAAvB;AACA,UAAMK,iBAAiB,GAAGD,cAAc,CAACE,MAAf,GAAwB,CAAlD;AAEA,UAAMC,eAAe,GAAGR,WAAW,CAACS,MAAZ,GAAqBJ,cAAc,CAACK,GAAf,GAAqBJ,iBAAlE;AACA,UAAMK,gBAAgB,GAAGX,WAAW,CAACU,GAAZ,GAAkBL,cAAc,CAACI,MAAf,GAAwBH,iBAAnE;;AAEA,UAAI/B,cAAc,GAAG6B,YAArB,EAAmC;AACjC,YAAII,eAAJ,EAAqB;AACnB,cAAI3B,aAAa,KAAK,MAAtB,EAA8B;AAC5BsB,YAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,mBAA1B;AACD;;AAEDpB,UAAAA,eAAe,CAAC,UAACD,YAAD;AAAA,mBAAkBA,YAAY,GAAG,CAAjC;AAAA,WAAD,CAAf;AACD;;AACD,YAAIkC,gBAAgB,IAAI9B,aAAa,KAAK,IAA1C,EAAgD;AAC9CsB,UAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,eAA1B;AACD;AACF,OAXD,MAWO,IAAIvB,cAAc,GAAG6B,YAArB,EAAmC;AACxC,YAAIO,gBAAJ,EAAsB;AACpB,cAAI9B,aAAa,KAAK,IAAtB,EAA4B;AAC1BsB,YAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,kBAA1B;AACD;;AAEDpB,UAAAA,eAAe,CAAC,UAACD,YAAD;AAAA,mBAAkBA,YAAY,GAAG,CAAjC;AAAA,WAAD,CAAf;AACD;;AACD,YAAI+B,eAAe,IAAI3B,aAAa,KAAK,MAAzC,EAAiD;AAC/CsB,UAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,eAA1B;AACD;AACF;AACF,KA9BD;AA+BD,GA3CD;;AA6CA,MAAMc,SAAS,GAAG,SAAZA,SAAY,GAAM;AACtB,QAAOxB,IAAP,GAAoBb,cAApB;AAAA,QAAasC,EAAb,GAAoCpC,YAApC;AAEAJ,IAAAA,QAAQ,CAAC6B,OAAT,CAAiB,UAACC,OAAD,EAA0B;AACzCA,MAAAA,OAAO,CAACN,KAAR,CAAcC,SAAd,GAA0B,IAA1B;AACD,KAFD;AAIAxB,IAAAA,WAAW,CAACF,SAAD,CAAX;AACAM,IAAAA,eAAe,CAACN,SAAD,CAAf;AACAI,IAAAA,iBAAiB,CAACJ,SAAD,CAAjB;AACAU,IAAAA,gBAAgB,CAACV,SAAD,CAAhB;AACAQ,IAAAA,YAAY,CAACR,SAAD,CAAZ;AAEAH,IAAAA,WAAW,CAAC,KAAD,CAAX;AAEAJ,IAAAA,YAAY,IAAIA,YAAY,CAAC;AAAEuB,MAAAA,IAAI,EAAJA,IAAF;AAAQyB,MAAAA,EAAE,EAAFA;AAAR,KAAD,CAA5B;AACD,GAhBD;;AAkBA,MAAMC,iBAAoC,GAAG;AAC3C/B,IAAAA,WAAW,EAAXA,WAD2C;AAE3CU,IAAAA,UAAU,EAAVA,UAF2C;AAG3CmB,IAAAA,SAAS,EAATA,SAH2C;AAI3C5C,IAAAA,QAAQ,EAARA,QAJ2C;AAK3CE,IAAAA,SAAS,EAATA;AAL2C,GAA7C;AAQA,SAAO4C,iBAAP;AACD,CAhGM","sourcesContent":["import * as React from 'react';\nimport { TouchEvent } from '../Touch/Touch';\nimport { CellProps } from './Cell';\n\nexport interface DraggableProps {\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n  dragging: boolean;\n  rootElRef: any;\n}\n\nexport const useDraggable = ({ onDragFinish }: Pick<CellProps, 'onDragFinish'>) => {\n  const [dragging, setDragging] = React.useState<boolean>(false);\n  const rootElRef = React.useRef(null);\n\n  const [siblings, setSiblings] = React.useState<HTMLElement[]>(undefined);\n  const [dragStartIndex, setDragStartIndex] = React.useState<number>(undefined);\n  const [dragEndIndex, setDragEndIndex] = React.useState<number>(undefined);\n  const [dragShift, setDragShift] = React.useState<number>(0);\n  const [dragDirection, setDragDirection] = React.useState<'down' | 'up'>(undefined);\n\n  const onDragStart = () => {\n    const rootEl = rootElRef.current;\n\n    setDragging(true);\n\n    const _siblings: HTMLElement[] = Array.from(rootEl.parentElement.childNodes);\n    const idx = _siblings.indexOf(rootEl);\n\n    setDragStartIndex(idx);\n    setDragEndIndex(idx);\n    setSiblings(_siblings);\n    setDragShift(0);\n  };\n\n  const onDragMove = (e: TouchEvent) => {\n    e.originalEvent.preventDefault();\n\n    const rootEl = rootElRef.current;\n\n    rootEl.style.transform = `translateY(${e.shiftY}px)`;\n    const rootGesture = rootEl.getBoundingClientRect();\n\n    setDragDirection(dragShift - e.shiftY < 0 ? 'down' : 'up');\n    setDragShift(e.shiftY);\n    setDragEndIndex(dragStartIndex);\n\n    siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n      const siblingGesture = sibling.getBoundingClientRect();\n      const siblingHalfHeight = siblingGesture.height / 2;\n\n      const rootOverSibling = rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n      const rootUnderSibling = rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n      if (dragStartIndex < siblingIndex) {\n        if (rootOverSibling) {\n          if (dragDirection === 'down') {\n            sibling.style.transform = 'translateY(-100%)';\n          }\n\n          setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n        }\n        if (rootUnderSibling && dragDirection === 'up') {\n          sibling.style.transform = 'translateY(0)';\n        }\n      } else if (dragStartIndex > siblingIndex) {\n        if (rootUnderSibling) {\n          if (dragDirection === 'up') {\n            sibling.style.transform = 'translateY(100%)';\n          }\n\n          setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n        }\n        if (rootOverSibling && dragDirection === 'down') {\n          sibling.style.transform = 'translateY(0)';\n        }\n      }\n    });\n  };\n\n  const onDragEnd = () => {\n    const [from, to] = [dragStartIndex, dragEndIndex];\n\n    siblings.forEach((sibling: HTMLElement) => {\n      sibling.style.transform = null;\n    });\n\n    setSiblings(undefined);\n    setDragEndIndex(undefined);\n    setDragStartIndex(undefined);\n    setDragDirection(undefined);\n    setDragShift(undefined);\n\n    setDragging(false);\n\n    onDragFinish && onDragFinish({ from, to });\n  };\n\n  const useDraggableProps: UseDraggableProps = {\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    dragging,\n    rootElRef,\n  };\n\n  return useDraggableProps;\n};\n"],"file":"useDraggable.js"}
+{"version":3,"sources":["../../../../src/components/Cell/useDraggable.tsx"],"names":["useDraggable","onDragFinish","React","useState","dragging","setDragging","rootElRef","useRef","undefined","siblings","setSiblings","dragStartIndex","setDragStartIndex","dragEndIndex","setDragEndIndex","dragShift","setDragShift","dragDirection","setDragDirection","onDragStart","rootEl","current","_siblings","parentElement","childNodes","idx","indexOf","onDragMove","e","originalEvent","preventDefault","style","transform","shiftY","rootGesture","getBoundingClientRect","forEach","sibling","siblingIndex","siblingGesture","siblingHalfHeight","height","rootOverSibling","bottom","top","rootUnderSibling","onDragEnd","from","to","useDraggableProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { TouchEvent } from '../Touch/Touch';\nimport { CellProps } from './Cell';\n\nexport interface DraggableProps {\n  onDragStart: () => void;\n  onDragEnd: () => void;\n  onDragMove: (e: TouchEvent) => void;\n}\n\ninterface UseDraggableProps extends DraggableProps {\n  dragging: boolean;\n  rootElRef: any;\n}\n\nexport const useDraggable = ({ onDragFinish }: Pick<CellProps, 'onDragFinish'>) => {\n  const [dragging, setDragging] = React.useState<boolean>(false);\n  const rootElRef = React.useRef(null);\n\n  const [siblings, setSiblings] = React.useState<HTMLElement[]>(undefined);\n  const [dragStartIndex, setDragStartIndex] = React.useState<number>(undefined);\n  const [dragEndIndex, setDragEndIndex] = React.useState<number>(undefined);\n  const [dragShift, setDragShift] = React.useState<number>(0);\n  const [dragDirection, setDragDirection] = React.useState<'down' | 'up'>(undefined);\n\n  const onDragStart = () => {\n    const rootEl = rootElRef.current;\n\n    setDragging(true);\n\n    const _siblings: HTMLElement[] = [...rootEl.parentElement.childNodes];\n    const idx = _siblings.indexOf(rootEl);\n\n    setDragStartIndex(idx);\n    setDragEndIndex(idx);\n    setSiblings(_siblings);\n    setDragShift(0);\n  };\n\n  const onDragMove = (e: TouchEvent) => {\n    e.originalEvent.preventDefault();\n\n    const rootEl = rootElRef.current;\n\n    rootEl.style.transform = `translateY(${e.shiftY}px)`;\n    const rootGesture = rootEl.getBoundingClientRect();\n\n    setDragDirection(dragShift - e.shiftY < 0 ? 'down' : 'up');\n    setDragShift(e.shiftY);\n    setDragEndIndex(dragStartIndex);\n\n    siblings.forEach((sibling: HTMLElement, siblingIndex: number) => {\n      const siblingGesture = sibling.getBoundingClientRect();\n      const siblingHalfHeight = siblingGesture.height / 2;\n\n      const rootOverSibling = rootGesture.bottom > siblingGesture.top + siblingHalfHeight;\n      const rootUnderSibling = rootGesture.top < siblingGesture.bottom - siblingHalfHeight;\n\n      if (dragStartIndex < siblingIndex) {\n        if (rootOverSibling) {\n          if (dragDirection === 'down') {\n            sibling.style.transform = 'translateY(-100%)';\n          }\n\n          setDragEndIndex((dragEndIndex) => dragEndIndex + 1);\n        }\n        if (rootUnderSibling && dragDirection === 'up') {\n          sibling.style.transform = 'translateY(0)';\n        }\n      } else if (dragStartIndex > siblingIndex) {\n        if (rootUnderSibling) {\n          if (dragDirection === 'up') {\n            sibling.style.transform = 'translateY(100%)';\n          }\n\n          setDragEndIndex((dragEndIndex) => dragEndIndex - 1);\n        }\n        if (rootOverSibling && dragDirection === 'down') {\n          sibling.style.transform = 'translateY(0)';\n        }\n      }\n    });\n  };\n\n  const onDragEnd = () => {\n    const [from, to] = [dragStartIndex, dragEndIndex];\n\n    siblings.forEach((sibling: HTMLElement) => {\n      sibling.style.transform = null;\n    });\n\n    setSiblings(undefined);\n    setDragEndIndex(undefined);\n    setDragStartIndex(undefined);\n    setDragDirection(undefined);\n    setDragShift(undefined);\n\n    setDragging(false);\n\n    onDragFinish && onDragFinish({ from, to });\n  };\n\n  const useDraggableProps: UseDraggableProps = {\n    onDragStart,\n    onDragMove,\n    onDragEnd,\n    dragging,\n    rootElRef,\n  };\n\n  return useDraggableProps;\n};\n"],"file":"useDraggable.js"}

package/dist/cjs/components/FocusTrap/FocusTrap.js

@@ -85,15 +85,13 @@ var FocusTrap = function FocusTrap(_ref) {
   }, []); // HANDLE FOCUSABLE NODES
 
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    var _ref$current2;
-
     if (!ref.current) {
       return (0, _utils.noop)();
     }
 
-    var nodes = []; // eslint-disable-next-line no-restricted-properties
-
-    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.querySelectorAll(FOCUSABLE_ELEMENTS).forEach(function (focusableEl) {
+    var nodes = [];
+    Array.prototype.forEach.call( // eslint-disable-next-line no-restricted-properties
+    ref.current.querySelectorAll(FOCUSABLE_ELEMENTS), function (focusableEl) {
       var _window$getComputedSt = window.getComputedStyle(focusableEl),
           display = _window$getComputedSt.display,
           visibility = _window$getComputedSt.visibility;

package/dist/cjs/components/FocusTrap/FocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","noop","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","querySelectorAll","forEach","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = 'div',\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n  const activeElement = document.activeElement as HTMLElement;\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    // eslint-disable-next-line no-restricted-properties\n    ref.current?.querySelectorAll(FOCUSABLE_ELEMENTS).forEach((focusableEl) => {\n      const { display, visibility } = window.getComputedStyle(focusableEl);\n\n      if (display !== 'none' && visibility !== 'hidden') {\n        nodes.push(focusableEl as HTMLElement);\n      }\n    });\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus) {\n      setRestoreFocusTo(activeElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}
+{"version":3,"sources":["../../../../src/components/FocusTrap/FocusTrap.tsx"],"names":["FOCUSABLE_ELEMENTS","FOCUSABLE_ELEMENTS_LIST","join","FocusTrap","Component","onClose","noop","restoreFocus","timeout","getRootRef","children","restProps","ref","document","window","activeElement","React","useState","focusableNodes","setFocusableNodes","restoreFocusTo","setRestoreFocusTo","useContext","AppRootContext","keyboardInput","focusOnTrapMount","current","contains","length","focus","set","nodes","Array","prototype","forEach","call","querySelectorAll","focusableEl","getComputedStyle","display","visibility","push","focusOnTrapUnmount","onDocumentKeydown","e","Keys","TAB","lastIdx","targetIdx","findIndex","node","target","shouldFocusFirstNode","shiftKey","preventDefault","ESCAPE","capture"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { FOCUSABLE_ELEMENTS_LIST, Keys, pressedKey } from '../../lib/accessibility';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { noop } from '../../lib/utils';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { AppRootContext } from '../AppRoot/AppRootContext';\n\nconst FOCUSABLE_ELEMENTS: string = FOCUSABLE_ELEMENTS_LIST.join();\n\nexport interface FocusTrapProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  onClose?: (props?: any) => void;\n  restoreFocus?: boolean;\n  timeout?: number;\n}\n\nexport const FocusTrap: React.FC<FocusTrapProps> = ({\n  Component = 'div',\n  onClose = noop,\n  restoreFocus = true,\n  timeout = 0,\n  getRootRef,\n  children,\n  ...restProps\n}) => {\n  const ref = useExternRef<HTMLElement>(getRootRef);\n\n  const { document, window } = useDOM();\n  const activeElement = document.activeElement as HTMLElement;\n\n  const [focusableNodes, setFocusableNodes] = React.useState<HTMLElement[]>(null);\n  const [restoreFocusTo, setRestoreFocusTo] = React.useState<HTMLElement>(null);\n\n  // HANDLE TRAP MOUNT\n\n  const { keyboardInput } = React.useContext(AppRootContext);\n  const focusOnTrapMount = useTimeout(() => {\n    if (keyboardInput && !ref.current?.contains(activeElement) && focusableNodes?.length) {\n      focusableNodes[0].focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    focusOnTrapMount.set();\n  }, []);\n\n  // HANDLE FOCUSABLE NODES\n\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return noop();\n    }\n\n    const nodes: HTMLElement[] = [];\n    Array.prototype.forEach.call(\n      // eslint-disable-next-line no-restricted-properties\n      ref.current.querySelectorAll(FOCUSABLE_ELEMENTS),\n      (focusableEl: Element) => {\n        const { display, visibility } = window.getComputedStyle(focusableEl);\n\n        if (display !== 'none' && visibility !== 'hidden') {\n          nodes.push(focusableEl as HTMLElement);\n        }\n      },\n    );\n\n    if (nodes?.length) {\n      setFocusableNodes(nodes);\n    }\n\n    return noop();\n  }, [children]);\n\n  // HANDLE TRAP UNMOUNT\n\n  const focusOnTrapUnmount = useTimeout(() => {\n    if (restoreFocusTo) {\n      restoreFocusTo.focus();\n    }\n  }, timeout);\n  useIsomorphicLayoutEffect(() => {\n    if (restoreFocus) {\n      setRestoreFocusTo(activeElement);\n\n      return () => {\n        focusOnTrapUnmount.set();\n      };\n    }\n\n    return noop();\n  }, [restoreFocus]);\n\n  const onDocumentKeydown = (e: KeyboardEvent) => {\n    if (pressedKey(e) === Keys.TAB && focusableNodes?.length) {\n      const lastIdx = focusableNodes.length - 1;\n      const targetIdx = focusableNodes.findIndex((node) => node === e.target);\n\n      const shouldFocusFirstNode = targetIdx === -1 || targetIdx === lastIdx && !e.shiftKey;\n\n      if (shouldFocusFirstNode || targetIdx === 0 && e.shiftKey) {\n        e.preventDefault();\n\n        const node = focusableNodes[shouldFocusFirstNode ? 0 : lastIdx];\n\n        if (node !== activeElement) {\n          node.focus();\n        }\n\n        return false;\n      }\n    }\n\n    if (pressedKey(e) === Keys.ESCAPE) {\n      onClose();\n    }\n\n    return true;\n  };\n  useGlobalEventListener(document, 'keydown', onDocumentKeydown, { capture: true });\n\n  return (\n    <Component ref={ref} {...restProps}>\n      {children}\n    </Component>\n  );\n};\n"],"file":"FocusTrap.js"}

package/dist/cjs/components/Tabbar/Tabbar.js

@@ -47,7 +47,9 @@ var Tabbar = function Tabbar(props) {
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Tabbar', platform), "Tabbar--l-".concat(getItemsLayout()), {
       'Tabbar--shadow': shadow
     })
-  }, restProps), children);
+  }, restProps), (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "Tabbar__in"
+  }, children));
 };
 
 Tabbar.defaultProps = {

package/dist/cjs/components/Tabbar/Tabbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"names":["Tabbar","props","children","shadow","itemsLayout","restProps","platform","getItemsLayout","React","Children","count","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAWA,IAAMA,MAA4C,GAAG,SAA/CA,MAA+C,CAACC,KAAD,EAAwB;AAC3E,MAAQC,QAAR,GAAwDD,KAAxD,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAAwDF,KAAxD,CAAkBE,MAAlB;AAAA,MAA0BC,WAA1B,GAAwDH,KAAxD,CAA0BG,WAA1B;AAAA,MAA0CC,SAA1C,0CAAwDJ,KAAxD;AACA,MAAMK,QAAQ,GAAG,+BAAjB;;AAEA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,YAAQH,WAAR;AACE,WAAK,YAAL;AACA,WAAK,UAAL;AACE,eAAOA,WAAP;;AACF;AACE,eAAOI,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBR,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;AALJ;AAOD,GARD;;AAUA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,QAAb,EAAuBI,QAAvB,CAAX,sBAA0DC,cAAc,EAAxE,GAA8E;AACvF,wBAAkBJ;AADqE,KAA9E;AADb,KAIME,SAJN,GAMGH,QANH,CADF;AAUD,CAxBD;;AA0BAF,MAAM,CAACW,YAAP,GAAsB;AACpBR,EAAAA,MAAM,EAAE;AADY,CAAtB;eAIeH,M","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Tabbar.css';\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n   */\n  shadow?: boolean;\n  itemsLayout?: 'vertical' | 'horizontal' | 'auto';\n}\n\nconst Tabbar: React.FunctionComponent<TabbarProps> = (props: TabbarProps) => {\n  const { children, shadow, itemsLayout, ...restProps } = props;\n  const platform = usePlatform();\n\n  const getItemsLayout = () => {\n    switch (itemsLayout) {\n      case 'horizontal':\n      case 'vertical':\n        return itemsLayout;\n      default:\n        return React.Children.count(children) > 2 ? 'vertical' : 'horizontal';\n    }\n  };\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName('Tabbar', platform), `Tabbar--l-${getItemsLayout()}`, {\n        'Tabbar--shadow': shadow,\n      })}\n      {...restProps}\n    >\n      {children}\n    </div>\n  );\n};\n\nTabbar.defaultProps = {\n  shadow: true,\n};\n\nexport default Tabbar;\n"],"file":"Tabbar.js"}
+{"version":3,"sources":["../../../../src/components/Tabbar/Tabbar.tsx"],"names":["Tabbar","props","children","shadow","itemsLayout","restProps","platform","getItemsLayout","React","Children","count","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAWA,IAAMA,MAA4C,GAAG,SAA/CA,MAA+C,CAACC,KAAD,EAAwB;AAC3E,MAAQC,QAAR,GAAwDD,KAAxD,CAAQC,QAAR;AAAA,MAAkBC,MAAlB,GAAwDF,KAAxD,CAAkBE,MAAlB;AAAA,MAA0BC,WAA1B,GAAwDH,KAAxD,CAA0BG,WAA1B;AAAA,MAA0CC,SAA1C,0CAAwDJ,KAAxD;AACA,MAAMK,QAAQ,GAAG,+BAAjB;;AAEA,MAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAAM;AAC3B,YAAQH,WAAR;AACE,WAAK,YAAL;AACA,WAAK,UAAL;AACE,eAAOA,WAAP;;AACF;AACE,eAAOI,KAAK,CAACC,QAAN,CAAeC,KAAf,CAAqBR,QAArB,IAAiC,CAAjC,GAAqC,UAArC,GAAkD,YAAzD;AALJ;AAOD,GARD;;AAUA,SACE;AACE,IAAA,SAAS,EAAE,4BAAW,gCAAa,QAAb,EAAuBI,QAAvB,CAAX,sBAA0DC,cAAc,EAAxE,GAA8E;AACvF,wBAAkBJ;AADqE,KAA9E;AADb,KAIME,SAJN,GAME;AAAK,IAAA,SAAS,EAAC;AAAf,KACGH,QADH,CANF,CADF;AAYD,CA1BD;;AA4BAF,MAAM,CAACW,YAAP,GAAsB;AACpBR,EAAAA,MAAM,EAAE;AADY,CAAtB;eAIeH,M","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Tabbar.css';\n\nexport interface TabbarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * Флаг для показа/скрытия верхней тени (Android) или границы (iOS)\n   */\n  shadow?: boolean;\n  itemsLayout?: 'vertical' | 'horizontal' | 'auto';\n}\n\nconst Tabbar: React.FunctionComponent<TabbarProps> = (props: TabbarProps) => {\n  const { children, shadow, itemsLayout, ...restProps } = props;\n  const platform = usePlatform();\n\n  const getItemsLayout = () => {\n    switch (itemsLayout) {\n      case 'horizontal':\n      case 'vertical':\n        return itemsLayout;\n      default:\n        return React.Children.count(children) > 2 ? 'vertical' : 'horizontal';\n    }\n  };\n\n  return (\n    <div\n      vkuiClass={classNames(getClassName('Tabbar', platform), `Tabbar--l-${getItemsLayout()}`, {\n        'Tabbar--shadow': shadow,\n      })}\n      {...restProps}\n    >\n      <div vkuiClass=\"Tabbar__in\">\n        {children}\n      </div>\n    </div>\n  );\n};\n\nTabbar.defaultProps = {\n  shadow: true,\n};\n\nexport default Tabbar;\n"],"file":"Tabbar.js"}

package/dist/cjs/components/TabbarItem/TabbarItem.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
+import { HasComponent, HasRootRef } from '../../types';
 import './TabbarItem.css';
-export interface TabbarItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement> {
+export interface TabbarItemProps extends Omit<React.AllHTMLAttributes<HTMLElement>, 'label'>, // TODO убрать Omit после удаления свойства label
+HasRootRef<HTMLElement>, HasComponent {
     selected?: boolean;
     /**
      * Тест рядом с иконкой

package/dist/cjs/components/TabbarItem/TabbarItem.js

@@ -23,22 +23,40 @@ var _usePlatform = require("../../hooks/usePlatform");
 
 var _utils = require("../../lib/utils");
 
-var _excluded = ["children", "selected", "label", "indicator", "text"];
-
-var TabbarItem = function TabbarItem(props) {
-  var children = props.children,
-      selected = props.selected,
-      label = props.label,
-      indicator = props.indicator,
-      text = props.text,
-      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
-  var Component = restProps.href ? 'a' : 'div';
+var _Tappable = _interopRequireDefault(require("../Tappable/Tappable"));
+
+var _platform = require("../../lib/platform");
+
+var _excluded = ["children", "selected", "label", "indicator", "text", "href", "Component", "disabled"];
+
+var TabbarItem = function TabbarItem(_ref) {
+  var children = _ref.children,
+      selected = _ref.selected,
+      label = _ref.label,
+      indicator = _ref.indicator,
+      text = _ref.text,
+      href = _ref.href,
+      _ref$Component = _ref.Component,
+      Component = _ref$Component === void 0 ? href ? 'a' : 'button' : _ref$Component,
+      disabled = _ref.disabled,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var platform = (0, _usePlatform.usePlatform)(); // @ts-ignore ругается на то, что у AllHTMLAttributes type это строка, а button не любую строку считает валидным значением
+
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
+    disabled: disabled,
+    href: href,
     vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('TabbarItem', platform), {
       'TabbarItem--selected': selected,
       'TabbarItem--text': !!text
     })
+  }), (0, _jsxRuntime.createScopedElement)(_Tappable.default, {
+    role: "presentation",
+    Component: "div",
+    disabled: disabled,
+    activeMode: platform === _platform.Platform.IOS ? 'TabbarItem__tappable--active' : 'background',
+    activeEffectDelay: platform === _platform.Platform.IOS ? 0 : 300,
+    hasHover: false,
+    vkuiClass: "TabbarItem__tappable"
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "TabbarItem__in"
   }, (0, _jsxRuntime.createScopedElement)("div", {

package/dist/cjs/components/TabbarItem/TabbarItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"names":["TabbarItem","props","children","selected","label","indicator","text","restProps","platform","Component","href"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAmBA,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,CAACC,KAAD,EAA4B;AACvF,MAAQC,QAAR,GAAqED,KAArE,CAAQC,QAAR;AAAA,MAAkBC,QAAlB,GAAqEF,KAArE,CAAkBE,QAAlB;AAAA,MAA4BC,KAA5B,GAAqEH,KAArE,CAA4BG,KAA5B;AAAA,MAAmCC,SAAnC,GAAqEJ,KAArE,CAAmCI,SAAnC;AAAA,MAA8CC,IAA9C,GAAqEL,KAArE,CAA8CK,IAA9C;AAAA,MAAuDC,SAAvD,0CAAqEN,KAArE;AACA,MAAMO,QAAQ,GAAG,+BAAjB;AACA,MAAMC,SAA4B,GAAGF,SAAS,CAACG,IAAV,GAAiB,GAAjB,GAAuB,KAA5D;AAEA,SACE,qCAAC,SAAD,6BACMH,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,YAAb,EAA2BC,QAA3B,CAAX,EAAiD;AAC1D,8BAAwBL,QADkC;AAE1D,0BAAoB,CAAC,CAACG;AAFoC,KAAjD;AAFb,MAOE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGJ,QADH,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaG,SAAb,KAA2BA,SAD9B,EAEG,CAACA,SAAD,IAAcD,KAAd,IAAuB,qCAAC,gBAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,IAAI,EAAC;AAAvB,KAAoCA,KAApC,CAF1B,CAFF,CADF,EAQGE,IAAI,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,IAAnC,CARX,CAPF,CADF;AAoBD,CAzBD;;eA2BeN,U","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport Counter from '../Counter/Counter';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport './TabbarItem.css';\n\nexport interface TabbarItemProps extends React.HTMLAttributes<HTMLElement>, React.AnchorHTMLAttributes<HTMLElement> {\n  selected?: boolean;\n  /**\n   * Тест рядом с иконкой\n   */\n  text?: React.ReactNode;\n  /**\n   * Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n   */\n  indicator?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `indicator`\n   */\n  label?: React.ReactNode;\n}\n\nconst TabbarItem: React.FunctionComponent<TabbarItemProps> = (props: TabbarItemProps) => {\n  const { children, selected, label, indicator, text, ...restProps } = props;\n  const platform = usePlatform();\n  const Component: React.ElementType = restProps.href ? 'a' : 'div';\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('TabbarItem', platform), {\n        'TabbarItem--selected': selected,\n        'TabbarItem--text': !!text,\n      })}\n    >\n      <div vkuiClass=\"TabbarItem__in\">\n        <div vkuiClass=\"TabbarItem__icon\">\n          {children}\n          <div vkuiClass=\"TabbarItem__label\">\n            {hasReactNode(indicator) && indicator}\n            {!indicator && label && <Counter size=\"s\" mode=\"prominent\">{label}</Counter>}\n          </div>\n        </div>\n        {text && <div vkuiClass=\"TabbarItem__text\">{text}</div>}\n      </div>\n    </Component>\n  );\n};\n\nexport default TabbarItem;\n"],"file":"TabbarItem.js"}
+{"version":3,"sources":["../../../../src/components/TabbarItem/TabbarItem.tsx"],"names":["TabbarItem","children","selected","label","indicator","text","href","Component","disabled","restProps","platform","Platform","IOS"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAuBA,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAUtC;AAAA,MATrBC,QASqB,QATrBA,QASqB;AAAA,MARrBC,QAQqB,QARrBA,QAQqB;AAAA,MAPrBC,KAOqB,QAPrBA,KAOqB;AAAA,MANrBC,SAMqB,QANrBA,SAMqB;AAAA,MALrBC,IAKqB,QALrBA,IAKqB;AAAA,MAJrBC,IAIqB,QAJrBA,IAIqB;AAAA,4BAHrBC,SAGqB;AAAA,MAHrBA,SAGqB,+BAHTD,IAAI,GAAG,GAAH,GAAS,QAGJ;AAAA,MAFrBE,QAEqB,QAFrBA,QAEqB;AAAA,MADlBC,SACkB;AACrB,MAAMC,QAAQ,GAAG,+BAAjB,CADqB,CAGrB;;AACA,SAAQ,qCAAC,SAAD,6BACFD,SADE;AAEN,IAAA,QAAQ,EAAED,QAFJ;AAGN,IAAA,IAAI,EAAEF,IAHA;AAIN,IAAA,SAAS,EAAE,4BAAW,gCAAa,YAAb,EAA2BI,QAA3B,CAAX,EAAiD;AAC1D,8BAAwBR,QADkC;AAE1D,0BAAoB,CAAC,CAACG;AAFoC,KAAjD;AAJL,MASN,qCAAC,iBAAD;AACE,IAAA,IAAI,EAAC,cADP;AAEE,IAAA,SAAS,EAAC,KAFZ;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,UAAU,EAAEE,QAAQ,KAAKC,mBAASC,GAAtB,GAA4B,8BAA5B,GAA6D,YAJ3E;AAKE,IAAA,iBAAiB,EAAEF,QAAQ,KAAKC,mBAASC,GAAtB,GAA4B,CAA5B,GAAgC,GALrD;AAME,IAAA,QAAQ,EAAE,KANZ;AAOE,IAAA,SAAS,EAAC;AAPZ,IATM,EAkBN;AAAK,IAAA,SAAS,EAAC;AAAf,KACE;AAAK,IAAA,SAAS,EAAC;AAAf,KACGX,QADH,EAEE;AAAK,IAAA,SAAS,EAAC;AAAf,KACG,yBAAaG,SAAb,KAA2BA,SAD9B,EAEG,CAACA,SAAD,IAAcD,KAAd,IAAuB,qCAAC,gBAAD;AAAS,IAAA,IAAI,EAAC,GAAd;AAAkB,IAAA,IAAI,EAAC;AAAvB,KAAoCA,KAApC,CAF1B,CAFF,CADF,EAQGE,IAAI,IAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,IAAnC,CARX,CAlBM,CAAR;AA6BD,CA3CD;;eA6CeL,U","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport Counter from '../Counter/Counter';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { hasReactNode } from '../../lib/utils';\nimport Tappable from '../Tappable/Tappable';\nimport { Platform } from '../../lib/platform';\nimport { HasComponent, HasRootRef } from '../../types';\nimport './TabbarItem.css';\n\nexport interface TabbarItemProps extends\n  Omit<React.AllHTMLAttributes<HTMLElement>, 'label'>, // TODO убрать Omit после удаления свойства label\n  HasRootRef<HTMLElement>,\n  HasComponent {\n  selected?: boolean;\n  /**\n   * Тест рядом с иконкой\n   */\n  text?: React.ReactNode;\n  /**\n   * Индикатор над иконкой. Принимает `<Badge mode=\"prominent\" />` или `<Counter size=\"s\" mode=\"prominent\" />`\n   */\n  indicator?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте `indicator`\n   */\n  label?: React.ReactNode;\n}\n\nconst TabbarItem: React.FunctionComponent<TabbarItemProps> = ({\n  children,\n  selected,\n  label,\n  indicator,\n  text,\n  href,\n  Component = href ? 'a' : 'button',\n  disabled,\n  ...restProps\n}: TabbarItemProps) => {\n  const platform = usePlatform();\n\n  // @ts-ignore ругается на то, что у AllHTMLAttributes type это строка, а button не любую строку считает валидным значением\n  return (<Component\n    {...restProps}\n    disabled={disabled}\n    href={href}\n    vkuiClass={classNames(getClassName('TabbarItem', platform), {\n      'TabbarItem--selected': selected,\n      'TabbarItem--text': !!text,\n    })}\n  >\n    <Tappable\n      role=\"presentation\"\n      Component=\"div\"\n      disabled={disabled}\n      activeMode={platform === Platform.IOS ? 'TabbarItem__tappable--active' : 'background'}\n      activeEffectDelay={platform === Platform.IOS ? 0 : 300}\n      hasHover={false}\n      vkuiClass=\"TabbarItem__tappable\"\n    />\n    <div vkuiClass=\"TabbarItem__in\">\n      <div vkuiClass=\"TabbarItem__icon\">\n        {children}\n        <div vkuiClass=\"TabbarItem__label\">\n          {hasReactNode(indicator) && indicator}\n          {!indicator && label && <Counter size=\"s\" mode=\"prominent\">{label}</Counter>}\n        </div>\n      </div>\n      {text && <div vkuiClass=\"TabbarItem__text\">{text}</div>}\n    </div>\n  </Component>);\n};\n\nexport default TabbarItem;\n"],"file":"TabbarItem.js"}

package/dist/components/CardScroll/CardScroll.js

@@ -49,7 +49,7 @@ var CardScroll = function CardScroll(_ref) {
 
   function getScrollToRight(offset) {
     var containerWidth = refContainer.current.offsetWidth;
-    var slide = Array.from(refContainer.current.children).find(function (el) {
+    var slide = Array.prototype.find.call(refContainer.current.children, function (el) {
       return el.offsetLeft + el.offsetWidth - offset > containerWidth;
     });
 

package/dist/components/CardScroll/CardScroll.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/CardScroll/CardScroll.tsx"],"names":["React","classNames","getClassName","usePlatform","HorizontalScroll","withAdaptivity","useDOM","CardScroll","children","size","sizeX","restProps","platform","refContainer","useRef","gapRef","window","getScrollToLeft","offset","containerWidth","current","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","find","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport HorizontalScroll from '../HorizontalScroll/HorizontalScroll';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useDOM } from '../../lib/dom';\nimport './CardScroll.css';\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n  size?: 's' | 'm' | 'l';\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({ children, size, sizeX, ...restProps }: CardScrollProps) => {\n  const platform = usePlatform();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = Array\n      .from(refContainer.current.children)\n      .findIndex((el: HTMLElement) => el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0);\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo = slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.from(refContainer.current.children).find((el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName('CardScroll', platform),\n        `CardScroll--${size}`,\n        `CardScroll--sizeX-${sizeX}`,\n      )}\n    >\n      <HorizontalScroll getScrollToLeft={getScrollToLeft} getScrollToRight={getScrollToRight} showArrows={true}>\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n\nCardScroll.defaultProps = {\n  size: 's',\n};\n\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}
+{"version":3,"sources":["../../../src/components/CardScroll/CardScroll.tsx"],"names":["React","classNames","getClassName","usePlatform","HorizontalScroll","withAdaptivity","useDOM","CardScroll","children","size","sizeX","restProps","platform","refContainer","useRef","gapRef","window","getScrollToLeft","offset","containerWidth","current","offsetWidth","slideIndex","Array","from","findIndex","el","offsetLeft","parseInt","getComputedStyle","marginRight","slide","scrollTo","getScrollToRight","prototype","find","call","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport HorizontalScroll from '../HorizontalScroll/HorizontalScroll';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useDOM } from '../../lib/dom';\nimport './CardScroll.css';\n\nexport interface CardScrollProps extends React.HTMLAttributes<HTMLDivElement>, AdaptivityProps {\n  size?: 's' | 'm' | 'l';\n}\n\nconst CardScroll: React.FC<CardScrollProps> = ({ children, size, sizeX, ...restProps }: CardScrollProps) => {\n  const platform = usePlatform();\n\n  const refContainer = React.useRef<HTMLDivElement>(null);\n  const gapRef = React.useRef<HTMLDivElement>(null);\n\n  const { window } = useDOM();\n\n  function getScrollToLeft(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slideIndex = Array\n      .from(refContainer.current.children)\n      .findIndex((el: HTMLElement) => el.offsetLeft + el.offsetWidth + parseInt(window.getComputedStyle(el).marginRight) - offset >= 0);\n\n    if (slideIndex === -1) {\n      return offset;\n    }\n\n    if (slideIndex === 0) {\n      return 0;\n    }\n\n    const slide = refContainer.current.children[slideIndex] as HTMLElement;\n\n    const scrollTo = slide.offsetLeft - (containerWidth - slide.offsetWidth) + gapRef.current.offsetWidth;\n\n    if (scrollTo <= 2 * gapRef.current.offsetWidth) {\n      return 0;\n    }\n\n    return scrollTo;\n  }\n\n  function getScrollToRight(offset: number): number {\n    const containerWidth = refContainer.current.offsetWidth;\n    const slide = Array.prototype.find.call(\n      refContainer.current.children,\n      (el: HTMLElement) => el.offsetLeft + el.offsetWidth - offset > containerWidth,\n    ) as HTMLElement;\n\n    if (!slide) {\n      return offset;\n    }\n\n    return slide.offsetLeft - gapRef.current.offsetWidth;\n  }\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        getClassName('CardScroll', platform),\n        `CardScroll--${size}`,\n        `CardScroll--sizeX-${sizeX}`,\n      )}\n    >\n      <HorizontalScroll getScrollToLeft={getScrollToLeft} getScrollToRight={getScrollToRight} showArrows={true}>\n        <div vkuiClass=\"CardScroll__in\" ref={refContainer}>\n          <span vkuiClass=\"CardScroll__gap\" ref={gapRef} />\n          {children}\n          <span vkuiClass=\"CardScroll__gap\" />\n        </div>\n      </HorizontalScroll>\n    </div>\n  );\n};\n\nCardScroll.defaultProps = {\n  size: 's',\n};\n\nexport default withAdaptivity(CardScroll, { sizeX: true });\n"],"file":"CardScroll.js"}

package/dist/components/Cell/useDraggable.js

@@ -1,3 +1,4 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import * as React from 'react';
 export var useDraggable = function useDraggable(_ref) {
@@ -39,7 +40,7 @@ export var useDraggable = function useDraggable(_ref) {
     var rootEl = rootElRef.current;
     setDragging(true);
 
-    var _siblings = Array.from(rootEl.parentElement.childNodes);
+    var _siblings = _toConsumableArray(rootEl.parentElement.childNodes);
 
     var idx = _siblings.indexOf(rootEl);