@vkontakte/vkui 4.16.1 → 4.16.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.
@@ -1 +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.css":"9","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"10","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"11","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"12","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"13","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"14","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"15","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"16","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"17","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"18","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"19","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"20","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"21","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"22","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"23","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"24","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"25","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"26","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"27","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"28","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"29","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"30","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"31","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"32","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"33","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"34","/home/runner/work/VKUI/VKUI/src/components/File/File.css":"35","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"36","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"37","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"38","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"39","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"40","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"41","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"42","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"43","/home/runner/work/VKUI/VKUI/src/components/Gallery/Gallery.css":"44","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"45","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"46","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"47","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"48","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"49","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"50","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"51","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"52","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"53","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"54","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"55","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"56","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"57","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"58","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"59","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"60","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"61","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"62","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"63","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"64","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"65","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"66","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"67","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"68","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"69","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"70","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"71","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"72","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"73","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"74","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"75","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"76","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"77","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"78","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"79","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"80","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"81","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"82","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"83","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"84","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"85","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"86","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"87","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"88","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"89","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"90","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"91","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"92","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"93","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"94","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"95","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"96","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"97","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"98","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"99","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"100","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"101","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"102","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"103","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"104","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"105","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"106","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"107","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"108","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"109","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"110","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"111"},{"size":113,"mtime":1632912396087,"hashOfConfig":"112"},{"size":9563,"mtime":1632912396087,"hashOfConfig":"112"},{"size":569,"mtime":1632912396087,"hashOfConfig":"112"},{"size":5529,"mtime":1632912396087,"hashOfConfig":"112"},{"size":1630,"mtime":1632912396087,"hashOfConfig":"112"},{"size":9643,"mtime":1632912396087,"hashOfConfig":"112"},{"size":81,"mtime":1632912396087,"hashOfConfig":"112"},{"size":124,"mtime":1632912396087,"hashOfConfig":"112"},{"size":9526,"mtime":1632912396087,"hashOfConfig":"112"},{"size":2973,"mtime":1632912395995,"hashOfConfig":"112"},{"size":5728,"mtime":1632912396043,"hashOfConfig":"112"},{"size":5191,"mtime":1632912396043,"hashOfConfig":"112"},{"size":276,"mtime":1632912396043,"hashOfConfig":"112"},{"size":2040,"mtime":1632912396043,"hashOfConfig":"112"},{"size":328,"mtime":1632912396043,"hashOfConfig":"112"},{"size":2356,"mtime":1632912396043,"hashOfConfig":"112"},{"size":4843,"mtime":1632912396047,"hashOfConfig":"112"},{"size":764,"mtime":1632912396047,"hashOfConfig":"112"},{"size":1091,"mtime":1632912396047,"hashOfConfig":"112"},{"size":1278,"mtime":1632912396047,"hashOfConfig":"112"},{"size":1536,"mtime":1632912396047,"hashOfConfig":"112"},{"size":742,"mtime":1632912396047,"hashOfConfig":"112"},{"size":1745,"mtime":1632912396047,"hashOfConfig":"112"},{"size":951,"mtime":1632912396047,"hashOfConfig":"112"},{"size":1155,"mtime":1632912396051,"hashOfConfig":"112"},{"size":1108,"mtime":1632912396051,"hashOfConfig":"112"},{"size":465,"mtime":1632912396051,"hashOfConfig":"112"},{"size":1771,"mtime":1632912396051,"hashOfConfig":"112"},{"size":1186,"mtime":1632912396051,"hashOfConfig":"112"},{"size":1303,"mtime":1632912396051,"hashOfConfig":"112"},{"size":1043,"mtime":1632912396055,"hashOfConfig":"112"},{"size":357,"mtime":1632912396055,"hashOfConfig":"112"},{"size":122,"mtime":1632912396055,"hashOfConfig":"112"},{"size":41,"mtime":1632912396055,"hashOfConfig":"112"},{"size":44,"mtime":1632912396055,"hashOfConfig":"112"},{"size":510,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1658,"mtime":1632912396055,"hashOfConfig":"112"},{"size":141,"mtime":1632912396055,"hashOfConfig":"112"},{"size":2081,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1378,"mtime":1632912396055,"hashOfConfig":"112"},{"size":227,"mtime":1632912396055,"hashOfConfig":"112"},{"size":286,"mtime":1632912396055,"hashOfConfig":"112"},{"size":740,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1003,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1771,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1623,"mtime":1632912396055,"hashOfConfig":"112"},{"size":2364,"mtime":1632912396055,"hashOfConfig":"112"},{"size":1991,"mtime":1632912396059,"hashOfConfig":"112"},{"size":573,"mtime":1632912396059,"hashOfConfig":"112"},{"size":1235,"mtime":1632912396059,"hashOfConfig":"112"},{"size":1369,"mtime":1632912396059,"hashOfConfig":"112"},{"size":243,"mtime":1632912396059,"hashOfConfig":"112"},{"size":830,"mtime":1632912396059,"hashOfConfig":"112"},{"size":287,"mtime":1632912396059,"hashOfConfig":"112"},{"size":9,"mtime":1632912396059,"hashOfConfig":"112"},{"size":1120,"mtime":1632912396059,"hashOfConfig":"112"},{"size":1146,"mtime":1632912396059,"hashOfConfig":"112"},{"size":1748,"mtime":1632912396063,"hashOfConfig":"112"},{"size":648,"mtime":1632912396063,"hashOfConfig":"112"},{"size":2614,"mtime":1632912396063,"hashOfConfig":"112"},{"size":4794,"mtime":1632912396063,"hashOfConfig":"112"},{"size":1303,"mtime":1632912396067,"hashOfConfig":"112"},{"size":2238,"mtime":1632912396071,"hashOfConfig":"112"},{"size":5509,"mtime":1632912396071,"hashOfConfig":"112"},{"size":154,"mtime":1632912396071,"hashOfConfig":"112"},{"size":1616,"mtime":1632912396071,"hashOfConfig":"112"},{"size":1396,"mtime":1632912396071,"hashOfConfig":"112"},{"size":2896,"mtime":1632912396071,"hashOfConfig":"112"},{"size":812,"mtime":1632912396071,"hashOfConfig":"112"},{"size":455,"mtime":1632912396071,"hashOfConfig":"112"},{"size":1834,"mtime":1632912396071,"hashOfConfig":"112"},{"size":211,"mtime":1632912396071,"hashOfConfig":"112"},{"size":935,"mtime":1632912396071,"hashOfConfig":"112"},{"size":2002,"mtime":1632912396071,"hashOfConfig":"112"},{"size":4031,"mtime":1632912396071,"hashOfConfig":"112"},{"size":3331,"mtime":1632912396071,"hashOfConfig":"112"},{"size":1828,"mtime":1632912396071,"hashOfConfig":"112"},{"size":2898,"mtime":1632912396071,"hashOfConfig":"112"},{"size":648,"mtime":1632912396075,"hashOfConfig":"112"},{"size":6334,"mtime":1632912396075,"hashOfConfig":"112"},{"size":1012,"mtime":1632912396075,"hashOfConfig":"112"},{"size":837,"mtime":1632912396075,"hashOfConfig":"112"},{"size":5235,"mtime":1632912396075,"hashOfConfig":"112"},{"size":2503,"mtime":1632912396075,"hashOfConfig":"112"},{"size":2184,"mtime":1632912396075,"hashOfConfig":"112"},{"size":1685,"mtime":1632912396075,"hashOfConfig":"112"},{"size":2878,"mtime":1632912396075,"hashOfConfig":"112"},{"size":744,"mtime":1632912396075,"hashOfConfig":"112"},{"size":443,"mtime":1632912396075,"hashOfConfig":"112"},{"size":402,"mtime":1632912396075,"hashOfConfig":"112"},{"size":916,"mtime":1632912396075,"hashOfConfig":"112"},{"size":705,"mtime":1632912396079,"hashOfConfig":"112"},{"size":1728,"mtime":1632912396079,"hashOfConfig":"112"},{"size":3487,"mtime":1632912396079,"hashOfConfig":"112"},{"size":849,"mtime":1632912396079,"hashOfConfig":"112"},{"size":1263,"mtime":1632912396079,"hashOfConfig":"112"},{"size":2021,"mtime":1632912396079,"hashOfConfig":"112"},{"size":3410,"mtime":1632912396079,"hashOfConfig":"112"},{"size":2257,"mtime":1632912396079,"hashOfConfig":"112"},{"size":705,"mtime":1632912396079,"hashOfConfig":"112"},{"size":2787,"mtime":1632912396079,"hashOfConfig":"112"},{"size":1760,"mtime":1632912396083,"hashOfConfig":"112"},{"size":1830,"mtime":1632912396083,"hashOfConfig":"112"},{"size":3062,"mtime":1632912396083,"hashOfConfig":"112"},{"size":1759,"mtime":1632912396083,"hashOfConfig":"112"},{"size":1284,"mtime":1632912396087,"hashOfConfig":"112"},{"size":630,"mtime":1632912396083,"hashOfConfig":"112"},{"size":307,"mtime":1632912396083,"hashOfConfig":"112"},{"size":325,"mtime":1632912396083,"hashOfConfig":"112"},{"size":283,"mtime":1632912396083,"hashOfConfig":"112"},{"size":557,"mtime":1632912396083,"hashOfConfig":"112"},"16giffr"]
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.css":"9","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"10","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"11","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"12","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"13","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"14","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"15","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"16","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"17","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"18","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"19","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"20","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"21","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"22","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"23","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"24","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"25","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"26","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"27","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"28","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"29","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"30","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"31","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"32","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"33","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"34","/home/runner/work/VKUI/VKUI/src/components/File/File.css":"35","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"36","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"37","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"38","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"39","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"40","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"41","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"42","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"43","/home/runner/work/VKUI/VKUI/src/components/Gallery/Gallery.css":"44","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"45","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"46","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"47","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"48","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"49","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"50","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"51","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"52","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"53","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"54","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"55","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"56","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"57","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"58","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"59","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"60","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"61","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"62","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"63","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"64","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"65","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"66","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"67","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"68","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"69","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"70","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"71","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"72","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"73","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"74","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"75","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"76","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"77","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"78","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"79","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"80","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"81","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"82","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"83","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"84","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"85","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"86","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"87","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"88","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"89","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"90","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"91","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"92","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"93","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"94","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"95","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"96","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"97","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"98","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"99","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"100","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"101","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"102","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"103","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"104","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"105","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"106","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"107","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"108","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"109","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"110","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"111"},{"size":113,"mtime":1632928563523,"hashOfConfig":"112"},{"size":9563,"mtime":1632928563523,"hashOfConfig":"112"},{"size":569,"mtime":1632928563523,"hashOfConfig":"112"},{"size":5529,"mtime":1632928563523,"hashOfConfig":"112"},{"size":1630,"mtime":1632928563523,"hashOfConfig":"112"},{"size":9643,"mtime":1632928563523,"hashOfConfig":"112"},{"size":81,"mtime":1632928563523,"hashOfConfig":"112"},{"size":124,"mtime":1632928563523,"hashOfConfig":"112"},{"size":9526,"mtime":1632928563523,"hashOfConfig":"112"},{"size":2973,"mtime":1632928563407,"hashOfConfig":"112"},{"size":5728,"mtime":1632928563475,"hashOfConfig":"112"},{"size":5191,"mtime":1632928563475,"hashOfConfig":"112"},{"size":276,"mtime":1632928563475,"hashOfConfig":"112"},{"size":2040,"mtime":1632928563475,"hashOfConfig":"112"},{"size":328,"mtime":1632928563475,"hashOfConfig":"112"},{"size":2395,"mtime":1632928563475,"hashOfConfig":"112"},{"size":4843,"mtime":1632928563479,"hashOfConfig":"112"},{"size":764,"mtime":1632928563479,"hashOfConfig":"112"},{"size":1091,"mtime":1632928563479,"hashOfConfig":"112"},{"size":1278,"mtime":1632928563479,"hashOfConfig":"112"},{"size":1536,"mtime":1632928563479,"hashOfConfig":"112"},{"size":742,"mtime":1632928563479,"hashOfConfig":"112"},{"size":1745,"mtime":1632928563483,"hashOfConfig":"112"},{"size":951,"mtime":1632928563483,"hashOfConfig":"112"},{"size":1155,"mtime":1632928563483,"hashOfConfig":"112"},{"size":1108,"mtime":1632928563487,"hashOfConfig":"112"},{"size":465,"mtime":1632928563487,"hashOfConfig":"112"},{"size":1771,"mtime":1632928563487,"hashOfConfig":"112"},{"size":1186,"mtime":1632928563487,"hashOfConfig":"112"},{"size":1303,"mtime":1632928563487,"hashOfConfig":"112"},{"size":1043,"mtime":1632928563487,"hashOfConfig":"112"},{"size":357,"mtime":1632928563487,"hashOfConfig":"112"},{"size":122,"mtime":1632928563491,"hashOfConfig":"112"},{"size":41,"mtime":1632928563491,"hashOfConfig":"112"},{"size":44,"mtime":1632928563491,"hashOfConfig":"112"},{"size":510,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1658,"mtime":1632928563491,"hashOfConfig":"112"},{"size":141,"mtime":1632928563491,"hashOfConfig":"112"},{"size":2081,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1378,"mtime":1632928563491,"hashOfConfig":"112"},{"size":227,"mtime":1632928563491,"hashOfConfig":"112"},{"size":286,"mtime":1632928563491,"hashOfConfig":"112"},{"size":740,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1003,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1771,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1623,"mtime":1632928563491,"hashOfConfig":"112"},{"size":2364,"mtime":1632928563491,"hashOfConfig":"112"},{"size":1991,"mtime":1632928563495,"hashOfConfig":"112"},{"size":573,"mtime":1632928563495,"hashOfConfig":"112"},{"size":1235,"mtime":1632928563495,"hashOfConfig":"112"},{"size":1369,"mtime":1632928563495,"hashOfConfig":"112"},{"size":243,"mtime":1632928563495,"hashOfConfig":"112"},{"size":830,"mtime":1632928563495,"hashOfConfig":"112"},{"size":287,"mtime":1632928563495,"hashOfConfig":"112"},{"size":9,"mtime":1632928563495,"hashOfConfig":"112"},{"size":1120,"mtime":1632928563495,"hashOfConfig":"112"},{"size":1146,"mtime":1632928563499,"hashOfConfig":"112"},{"size":1748,"mtime":1632928563499,"hashOfConfig":"112"},{"size":648,"mtime":1632928563499,"hashOfConfig":"112"},{"size":2614,"mtime":1632928563499,"hashOfConfig":"112"},{"size":4794,"mtime":1632928563499,"hashOfConfig":"112"},{"size":1303,"mtime":1632928563499,"hashOfConfig":"112"},{"size":2238,"mtime":1632928563503,"hashOfConfig":"112"},{"size":5509,"mtime":1632928563503,"hashOfConfig":"112"},{"size":154,"mtime":1632928563503,"hashOfConfig":"112"},{"size":1616,"mtime":1632928563503,"hashOfConfig":"112"},{"size":1396,"mtime":1632928563503,"hashOfConfig":"112"},{"size":2896,"mtime":1632928563503,"hashOfConfig":"112"},{"size":812,"mtime":1632928563503,"hashOfConfig":"112"},{"size":455,"mtime":1632928563503,"hashOfConfig":"112"},{"size":1834,"mtime":1632928563503,"hashOfConfig":"112"},{"size":211,"mtime":1632928563503,"hashOfConfig":"112"},{"size":935,"mtime":1632928563503,"hashOfConfig":"112"},{"size":2002,"mtime":1632928563507,"hashOfConfig":"112"},{"size":4031,"mtime":1632928563507,"hashOfConfig":"112"},{"size":3331,"mtime":1632928563507,"hashOfConfig":"112"},{"size":1828,"mtime":1632928563507,"hashOfConfig":"112"},{"size":2898,"mtime":1632928563507,"hashOfConfig":"112"},{"size":648,"mtime":1632928563507,"hashOfConfig":"112"},{"size":6334,"mtime":1632928563507,"hashOfConfig":"112"},{"size":1012,"mtime":1632928563507,"hashOfConfig":"112"},{"size":837,"mtime":1632928563507,"hashOfConfig":"112"},{"size":5235,"mtime":1632928563507,"hashOfConfig":"112"},{"size":2503,"mtime":1632928563507,"hashOfConfig":"112"},{"size":2184,"mtime":1632928563511,"hashOfConfig":"112"},{"size":1685,"mtime":1632928563511,"hashOfConfig":"112"},{"size":2878,"mtime":1632928563511,"hashOfConfig":"112"},{"size":744,"mtime":1632928563511,"hashOfConfig":"112"},{"size":443,"mtime":1632928563511,"hashOfConfig":"112"},{"size":402,"mtime":1632928563511,"hashOfConfig":"112"},{"size":916,"mtime":1632928563511,"hashOfConfig":"112"},{"size":705,"mtime":1632928563511,"hashOfConfig":"112"},{"size":1728,"mtime":1632928563511,"hashOfConfig":"112"},{"size":3487,"mtime":1632928563511,"hashOfConfig":"112"},{"size":849,"mtime":1632928563511,"hashOfConfig":"112"},{"size":1263,"mtime":1632928563511,"hashOfConfig":"112"},{"size":2021,"mtime":1632928563511,"hashOfConfig":"112"},{"size":3410,"mtime":1632928563515,"hashOfConfig":"112"},{"size":2257,"mtime":1632928563515,"hashOfConfig":"112"},{"size":705,"mtime":1632928563515,"hashOfConfig":"112"},{"size":2787,"mtime":1632928563515,"hashOfConfig":"112"},{"size":1760,"mtime":1632928563519,"hashOfConfig":"112"},{"size":1830,"mtime":1632928563519,"hashOfConfig":"112"},{"size":3062,"mtime":1632928563519,"hashOfConfig":"112"},{"size":1759,"mtime":1632928563519,"hashOfConfig":"112"},{"size":1284,"mtime":1632928563519,"hashOfConfig":"112"},{"size":630,"mtime":1632928563515,"hashOfConfig":"112"},{"size":307,"mtime":1632928563519,"hashOfConfig":"112"},{"size":325,"mtime":1632928563519,"hashOfConfig":"112"},{"size":283,"mtime":1632928563519,"hashOfConfig":"112"},{"size":557,"mtime":1632928563519,"hashOfConfig":"112"},"16giffr"]
@@ -7326,7 +7326,7 @@
7326
7326
  "signature": "c6acdb20a40125ade4a2f3bd96da251f8b984069543dea4b30a93dce998a02cb"
7327
7327
  },
7328
7328
  "../src/components/Header/Header.tsx": {
7329
- "version": "97dae08e602200f884d53b075281e9b369b6b86b7d75d15ac838b7d6171fb03c",
7329
+ "version": "43c589febf1de020021f0bbad8c18410f10bdee588a4d211c8d065d379df9d2e",
7330
7330
  "signature": "de2b08491715404d138afa374c803140132a6fa6a2636c282d5c48e88ac756f7"
7331
7331
  },
7332
7332
  "../src/components/Group/Group.tsx": {
@@ -7510,7 +7510,7 @@
7510
7510
  "signature": "86332e0e094e878531c87117769c525a5ac48ed7cc5a7f31f21f2d5be38a9915"
7511
7511
  },
7512
7512
  "../src/components/Banner/Banner.tsx": {
7513
- "version": "da2530baea089e5784db7f301f59dfaa2d74333bc7ea8ed0b3269c558353f280",
7513
+ "version": "2b8682333b2b95ea094fed64b789c87a26b0bccbf4bcba808eac450bb225b760",
7514
7514
  "signature": "e63e3f52417172bd869a9fce90a32240d47f4b9fd78c09b1e85a6dd6bc02508c"
7515
7515
  },
7516
7516
  "../src/components/MiniInfoCell/MiniInfoCell.tsx": {
@@ -8006,7 +8006,7 @@
8006
8006
  "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
8007
8007
  },
8008
8008
  "../src/components/Banner/Banner.test.tsx": {
8009
- "version": "76fd4838e80fc4141d8d42660f52b500a29eff3839501637784e55a080ece0f4",
8009
+ "version": "eba2adff05e68976058457b55ea822b02c7e0e2bedcff16d3440dfe0a6fb9f02",
8010
8010
  "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
8011
8011
  },
8012
8012
  "../src/components/Button/Button.e2e.tsx": {
@@ -8174,7 +8174,7 @@
8174
8174
  "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
8175
8175
  },
8176
8176
  "../src/components/Header/Header.test.tsx": {
8177
- "version": "cac311508a3e036021de56abd97c9ea8a3c5ebbb2d2e4646ebae77dad9c23b06",
8177
+ "version": "6d37421fc2a9196feaa5416300fdcf5b63d5e379f7c38da33bb73b8365ba97fd",
8178
8178
  "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881"
8179
8179
  },
8180
8180
  "../src/components/HorizontalCell/HorizontalCell.test.tsx": {
@@ -100,7 +100,7 @@ var Banner = function Banner(props) {
100
100
  vkuiClass: "Banner__content"
101
101
  }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(BannerHeader, {
102
102
  size: size,
103
- Component: "h2",
103
+ Component: "span",
104
104
  vkuiClass: "Banner__header"
105
105
  }, header), (0, _utils.hasReactNode)(subheader) && (0, _jsxRuntime.createScopedElement)(BannerSubheader, {
106
106
  Component: "span",
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["BannerHeader","size","restProps","BannerSubheader","Banner","props","platform","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","IOS","React","Children","count","ANDROID","VKCOM","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ANDROID, IOS, VKCOM } from '../../lib/platform';\nimport { hasReactNode } from '../../lib/utils';\nimport { Icon24Chevron, Icon24DismissSubstract, Icon24DismissDark, Icon24Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport IconButton from '../IconButton/IconButton';\nimport Headline from '../Typography/Headline/Headline';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Text from '../Typography/Text/Text';\nimport Title from '../Typography/Title/Title';\nimport './Banner.css';\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: 'tint' | 'image';\n size?: 's' | 'm';\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: 'dismiss' | 'expand';\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: 'light' | 'dark';\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\ninterface BannerTypographyProps extends Pick<BannerProps, 'size'> {\n Component?: React.ElementType;\n}\n\nconst BannerHeader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Title level=\"2\" weight=\"medium\" {...restProps} />\n : <Headline weight=\"medium\" {...restProps} />;\n};\n\nconst BannerSubheader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Text weight=\"regular\" {...restProps} />\n : <Subhead weight=\"regular\" {...restProps} />;\n};\n\nconst Banner: React.FC<BannerProps> = (props: BannerProps) => {\n const platform = usePlatform();\n const {\n mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions,\n onDismiss, dismissLabel,\n ...restProps\n } = props;\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n getClassName('Banner', platform),\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n {\n 'Banner--inverted': mode === 'image' && imageTheme === 'dark',\n },\n )}\n >\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? 'opacity' : 'background'}\n disabled={asideMode !== 'expand'}\n role={asideMode === 'expand' ? 'button' : null}\n >\n {mode === 'image' && background &&\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n }\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <BannerHeader size={size} Component=\"h2\" vkuiClass=\"Banner__header\">{header}</BannerHeader>\n )}\n {hasReactNode(subheader) && (\n <BannerSubheader Component=\"span\" size={size} vkuiClass=\"Banner__subheader\">{subheader}</BannerSubheader>\n )}\n {hasReactNode(text) && <Text weight=\"regular\" vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n\n {!!asideMode && (\n <div vkuiClass=\"Banner__aside\">\n {asideMode === 'expand' && <Icon24Chevron />}\n\n {asideMode === 'dismiss' && (\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {(platform === ANDROID || platform === VKCOM) && <Icon24Cancel />}\n {platform === IOS && (mode === 'image' ? <Icon24DismissDark /> : <Icon24DismissSubstract />)}\n </IconButton>\n )}\n </div>\n )}\n </Tappable>\n </section>\n );\n};\n\nBanner.defaultProps = {\n dismissLabel: 'Скрыть',\n mode: 'tint',\n size: 's',\n imageTheme: 'dark',\n};\n\nexport default Banner;\n"],"file":"Banner.js"}
1
+ {"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["BannerHeader","size","restProps","BannerSubheader","Banner","props","platform","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","IOS","React","Children","count","ANDROID","VKCOM","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ANDROID, IOS, VKCOM } from '../../lib/platform';\nimport { hasReactNode } from '../../lib/utils';\nimport { Icon24Chevron, Icon24DismissSubstract, Icon24DismissDark, Icon24Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport IconButton from '../IconButton/IconButton';\nimport Headline from '../Typography/Headline/Headline';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Text from '../Typography/Text/Text';\nimport Title from '../Typography/Title/Title';\nimport './Banner.css';\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: 'tint' | 'image';\n size?: 's' | 'm';\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: 'dismiss' | 'expand';\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: 'light' | 'dark';\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\ninterface BannerTypographyProps extends Pick<BannerProps, 'size'> {\n Component?: React.ElementType;\n}\n\nconst BannerHeader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Title level=\"2\" weight=\"medium\" {...restProps} />\n : <Headline weight=\"medium\" {...restProps} />;\n};\n\nconst BannerSubheader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Text weight=\"regular\" {...restProps} />\n : <Subhead weight=\"regular\" {...restProps} />;\n};\n\nconst Banner: React.FC<BannerProps> = (props: BannerProps) => {\n const platform = usePlatform();\n const {\n mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions,\n onDismiss, dismissLabel,\n ...restProps\n } = props;\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n getClassName('Banner', platform),\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n {\n 'Banner--inverted': mode === 'image' && imageTheme === 'dark',\n },\n )}\n >\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? 'opacity' : 'background'}\n disabled={asideMode !== 'expand'}\n role={asideMode === 'expand' ? 'button' : null}\n >\n {mode === 'image' && background &&\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n }\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <BannerHeader size={size} Component=\"span\" vkuiClass=\"Banner__header\">{header}</BannerHeader>\n )}\n {hasReactNode(subheader) && (\n <BannerSubheader Component=\"span\" size={size} vkuiClass=\"Banner__subheader\">{subheader}</BannerSubheader>\n )}\n {hasReactNode(text) && <Text weight=\"regular\" vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n\n {!!asideMode && (\n <div vkuiClass=\"Banner__aside\">\n {asideMode === 'expand' && <Icon24Chevron />}\n\n {asideMode === 'dismiss' && (\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {(platform === ANDROID || platform === VKCOM) && <Icon24Cancel />}\n {platform === IOS && (mode === 'image' ? <Icon24DismissDark /> : <Icon24DismissSubstract />)}\n </IconButton>\n )}\n </div>\n )}\n </Tappable>\n </section>\n );\n};\n\nBanner.defaultProps = {\n dismissLabel: 'Скрыть',\n mode: 'tint',\n size: 's',\n imageTheme: 'dark',\n};\n\nexport default Banner;\n"],"file":"Banner.js"}
@@ -133,7 +133,7 @@ var Header = function Header(_ref4) {
133
133
  vkuiClass: "Header__main"
134
134
  }, (0, _jsxRuntime.createScopedElement)(HeaderContent, {
135
135
  vkuiClass: "Header__content",
136
- Component: "h3",
136
+ Component: "span",
137
137
  mode: mode,
138
138
  platform: platform
139
139
  }, (0, _jsxRuntime.createScopedElement)("span", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' | 'secondary' | 'tertiary';\n subtitle?: React.ReactNode;\n /**\n * Допускаются иконки, текст, Link\n */\n aside?: React.ReactNode;\n /**\n * Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & { Component: React.ElementType };\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"h3\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}
1
+ {"version":3,"sources":["../../../../src/components/Header/Header.tsx"],"names":["HeaderContent","platform","mode","restProps","Platform","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' | 'secondary' | 'tertiary';\n subtitle?: React.ReactNode;\n /**\n * Допускаются иконки, текст, Link\n */\n aside?: React.ReactNode;\n /**\n * Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & { Component: React.ElementType };\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}
@@ -77,7 +77,7 @@ var Banner = function Banner(props) {
77
77
  vkuiClass: "Banner__content"
78
78
  }, hasReactNode(header) && createScopedElement(BannerHeader, {
79
79
  size: size,
80
- Component: "h2",
80
+ Component: "span",
81
81
  vkuiClass: "Banner__header"
82
82
  }, header), hasReactNode(subheader) && createScopedElement(BannerSubheader, {
83
83
  Component: "span",
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["React","getClassName","classNames","usePlatform","ANDROID","IOS","VKCOM","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","BannerHeader","size","restProps","BannerSubheader","Banner","props","platform","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","Children","count","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ANDROID, IOS, VKCOM } from '../../lib/platform';\nimport { hasReactNode } from '../../lib/utils';\nimport { Icon24Chevron, Icon24DismissSubstract, Icon24DismissDark, Icon24Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport IconButton from '../IconButton/IconButton';\nimport Headline from '../Typography/Headline/Headline';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Text from '../Typography/Text/Text';\nimport Title from '../Typography/Title/Title';\nimport './Banner.css';\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: 'tint' | 'image';\n size?: 's' | 'm';\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: 'dismiss' | 'expand';\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: 'light' | 'dark';\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\ninterface BannerTypographyProps extends Pick<BannerProps, 'size'> {\n Component?: React.ElementType;\n}\n\nconst BannerHeader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Title level=\"2\" weight=\"medium\" {...restProps} />\n : <Headline weight=\"medium\" {...restProps} />;\n};\n\nconst BannerSubheader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Text weight=\"regular\" {...restProps} />\n : <Subhead weight=\"regular\" {...restProps} />;\n};\n\nconst Banner: React.FC<BannerProps> = (props: BannerProps) => {\n const platform = usePlatform();\n const {\n mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions,\n onDismiss, dismissLabel,\n ...restProps\n } = props;\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n getClassName('Banner', platform),\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n {\n 'Banner--inverted': mode === 'image' && imageTheme === 'dark',\n },\n )}\n >\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? 'opacity' : 'background'}\n disabled={asideMode !== 'expand'}\n role={asideMode === 'expand' ? 'button' : null}\n >\n {mode === 'image' && background &&\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n }\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <BannerHeader size={size} Component=\"h2\" vkuiClass=\"Banner__header\">{header}</BannerHeader>\n )}\n {hasReactNode(subheader) && (\n <BannerSubheader Component=\"span\" size={size} vkuiClass=\"Banner__subheader\">{subheader}</BannerSubheader>\n )}\n {hasReactNode(text) && <Text weight=\"regular\" vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n\n {!!asideMode && (\n <div vkuiClass=\"Banner__aside\">\n {asideMode === 'expand' && <Icon24Chevron />}\n\n {asideMode === 'dismiss' && (\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {(platform === ANDROID || platform === VKCOM) && <Icon24Cancel />}\n {platform === IOS && (mode === 'image' ? <Icon24DismissDark /> : <Icon24DismissSubstract />)}\n </IconButton>\n )}\n </div>\n )}\n </Tappable>\n </section>\n );\n};\n\nBanner.defaultProps = {\n dismissLabel: 'Скрыть',\n mode: 'tint',\n size: 's',\n imageTheme: 'dark',\n};\n\nexport default Banner;\n"],"file":"Banner.js"}
1
+ {"version":3,"sources":["../../../src/components/Banner/Banner.tsx"],"names":["React","getClassName","classNames","usePlatform","ANDROID","IOS","VKCOM","hasReactNode","Icon24Chevron","Icon24DismissSubstract","Icon24DismissDark","Icon24Cancel","Tappable","IconButton","Headline","Subhead","Text","Title","BannerHeader","size","restProps","BannerSubheader","Banner","props","platform","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","Children","count","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { ANDROID, IOS, VKCOM } from '../../lib/platform';\nimport { hasReactNode } from '../../lib/utils';\nimport { Icon24Chevron, Icon24DismissSubstract, Icon24DismissDark, Icon24Cancel } from '@vkontakte/icons';\nimport Tappable from '../Tappable/Tappable';\nimport IconButton from '../IconButton/IconButton';\nimport Headline from '../Typography/Headline/Headline';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport Text from '../Typography/Text/Text';\nimport Title from '../Typography/Title/Title';\nimport './Banner.css';\n\nexport interface BannerProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Тип баннера.\n */\n mode?: 'tint' | 'image';\n size?: 's' | 'm';\n /**\n * Тип действия в правой части баннера.\n *\n * - `dismiss` – отображается иконка крестика, при клике на неё сработает свойство `onDismiss`.\n * - `expand` – отображается иконка шеврона, которая подразумевает, что при клике на баннер можно куда-то перейти.\n */\n asideMode?: 'dismiss' | 'expand';\n /**\n * Срабатывает при клике на иконку крестика при `asideMode=\"dismiss\"`.\n */\n onDismiss?: React.MouseEventHandler<HTMLButtonElement>;\n /**\n * `aria-label` для кнопки при `asideMode=\"dismiss\". Необходим, чтобы кнопка была доступной.\n */\n dismissLabel?: string;\n /**\n * Содержимое, отображаемое в левой части баннера.\n */\n before?: React.ReactNode;\n /**\n * Заголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n header?: React.ReactNode;\n /**\n * Подзаголовок. <br />\n * При использовании этого свойства рекомендуется не указывать `text`.\n */\n subheader?: React.ReactNode;\n /**\n * Текст баннера. <br />\n * Это свойство следует использовать без указания `header` и `subheader`.\n */\n text?: React.ReactNode;\n /**\n * При использовании `mode=\"image\"`.\n *\n * - `light` – в качестве фона используется светлое изображение, цвет текста в баннере будет тёмным.\n * - `dark` – в качестве фона используется тёмное изображение, цвет текста будет светлым.\n */\n imageTheme?: 'light' | 'dark';\n /**\n * При использовании `mode=\"image\"`.\n *\n * Элемент, который нужно стилизовать цветом и/или фоном. Этот элемент будет растянут на 100% ширины и высоты баннера.\n */\n background?: React.ReactNode;\n /**\n * Кнопки, отображаемые в баннере.\n *\n * - В режиме `tint` или в `image` со светлым фоном рекомендуется использовать только `<Button mode=\"primary\" />` или `<Button mode=\"tertiary\" hasHover={false} />`.\n * - В режиме `image` с тёмным фоном – `<Button mode=\"overlay_primary\" />`.\n */\n actions?: React.ReactNode;\n}\n\ninterface BannerTypographyProps extends Pick<BannerProps, 'size'> {\n Component?: React.ElementType;\n}\n\nconst BannerHeader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Title level=\"2\" weight=\"medium\" {...restProps} />\n : <Headline weight=\"medium\" {...restProps} />;\n};\n\nconst BannerSubheader: React.FC<BannerTypographyProps> = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === 'm'\n ? <Text weight=\"regular\" {...restProps} />\n : <Subhead weight=\"regular\" {...restProps} />;\n};\n\nconst Banner: React.FC<BannerProps> = (props: BannerProps) => {\n const platform = usePlatform();\n const {\n mode, imageTheme, size, before, asideMode, header, subheader, text, children, background, actions,\n onDismiss, dismissLabel,\n ...restProps\n } = props;\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n getClassName('Banner', platform),\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n {\n 'Banner--inverted': mode === 'image' && imageTheme === 'dark',\n },\n )}\n >\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? 'opacity' : 'background'}\n disabled={asideMode !== 'expand'}\n role={asideMode === 'expand' ? 'button' : null}\n >\n {mode === 'image' && background &&\n <div aria-hidden=\"true\" vkuiClass=\"Banner__bg\">\n {background}\n </div>\n }\n\n {before && <div vkuiClass=\"Banner__before\">{before}</div>}\n\n <div vkuiClass=\"Banner__content\">\n {hasReactNode(header) && (\n <BannerHeader size={size} Component=\"span\" vkuiClass=\"Banner__header\">{header}</BannerHeader>\n )}\n {hasReactNode(subheader) && (\n <BannerSubheader Component=\"span\" size={size} vkuiClass=\"Banner__subheader\">{subheader}</BannerSubheader>\n )}\n {hasReactNode(text) && <Text weight=\"regular\" vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n\n {!!asideMode && (\n <div vkuiClass=\"Banner__aside\">\n {asideMode === 'expand' && <Icon24Chevron />}\n\n {asideMode === 'dismiss' && (\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {(platform === ANDROID || platform === VKCOM) && <Icon24Cancel />}\n {platform === IOS && (mode === 'image' ? <Icon24DismissDark /> : <Icon24DismissSubstract />)}\n </IconButton>\n )}\n </div>\n )}\n </Tappable>\n </section>\n );\n};\n\nBanner.defaultProps = {\n dismissLabel: 'Скрыть',\n mode: 'tint',\n size: 's',\n imageTheme: 'dark',\n};\n\nexport default Banner;\n"],"file":"Banner.js"}
@@ -114,7 +114,7 @@ var Header = function Header(_ref4) {
114
114
  vkuiClass: "Header__main"
115
115
  }, createScopedElement(HeaderContent, {
116
116
  vkuiClass: "Header__content",
117
- Component: "h3",
117
+ Component: "span",
118
118
  mode: mode,
119
119
  platform: platform
120
120
  }, createScopedElement("span", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' | 'secondary' | 'tertiary';\n subtitle?: React.ReactNode;\n /**\n * Допускаются иконки, текст, Link\n */\n aside?: React.ReactNode;\n /**\n * Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & { Component: React.ElementType };\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"h3\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}
1
+ {"version":3,"sources":["../../../src/components/Header/Header.tsx"],"names":["getClassName","classNames","usePlatform","hasReactNode","isPrimitiveReactNode","Platform","Headline","Caption","Title","Text","Subhead","HeaderContent","platform","mode","restProps","IOS","VKCOM","HeaderAside","HeaderSubtitle","Header","children","subtitle","indicator","aside","getRootRef","multiline","defaultProps"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { HasPlatform, HasRootRef } from '../../types';\nimport { hasReactNode, isPrimitiveReactNode } from '../../lib/utils';\nimport { Platform } from '../../lib/platform';\nimport Headline from '../Typography/Headline/Headline';\nimport Caption from '../Typography/Caption/Caption';\nimport Title from '../Typography/Title/Title';\nimport Text from '../Typography/Text/Text';\nimport Subhead from '../Typography/Subhead/Subhead';\nimport './Header.css';\n\nexport interface HeaderProps extends React.HTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n mode?: 'primary' | 'secondary' | 'tertiary';\n subtitle?: React.ReactNode;\n /**\n * Допускаются иконки, текст, Link\n */\n aside?: React.ReactNode;\n /**\n * Допускаются текст, Indicator\n */\n indicator?: React.ReactNode;\n multiline?: boolean;\n}\n\ntype HeaderContentProps = Pick<HeaderProps, 'children' | 'mode'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderContent: React.FC<HeaderContentProps> = ({ platform, mode, ...restProps }) => {\n if (platform === Platform.IOS) {\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Title weight=\"semibold\" level=\"3\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"semibold\" caps {...restProps} />;\n }\n }\n\n if (platform === Platform.VKCOM) {\n switch (mode) {\n case 'primary':\n return <Headline weight=\"regular\" {...restProps} />;\n case 'secondary':\n case 'tertiary':\n return <Caption level=\"1\" weight=\"regular\" {...restProps} />;\n }\n }\n\n switch (mode) {\n case 'primary':\n case 'tertiary':\n return <Headline weight=\"medium\" {...restProps} />;\n case 'secondary':\n return <Caption level=\"1\" weight=\"medium\" caps {...restProps} />;\n }\n};\n\ntype HeaderAsideProps = Pick<HeaderProps, 'aside'> & HasPlatform & { Component: React.ElementType };\n\nconst HeaderAside: React.FC<HeaderAsideProps> = ({ platform, ...restProps }) => {\n return platform === Platform.VKCOM\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Text weight=\"regular\" {...restProps} />;\n};\n\ntype HeaderSubtitleProps = Pick<HeaderProps, 'subtitle' | 'mode'> & { Component: React.ElementType };\n\nconst HeaderSubtitle: React.FC<HeaderSubtitleProps> = ({ mode, ...restProps }) => {\n return mode === 'secondary'\n ? <Subhead weight=\"regular\" {...restProps} />\n : <Caption weight=\"regular\" level=\"1\" {...restProps} />;\n};\n\nconst Header: React.FC<HeaderProps> = ({\n mode,\n children,\n subtitle,\n indicator,\n aside,\n getRootRef,\n multiline,\n ...restProps\n}: HeaderProps) => {\n const platform = usePlatform();\n\n return (\n <header\n {...restProps}\n ref={getRootRef}\n vkuiClass={classNames(getClassName('Header', platform), `Header--mode-${mode}`, { 'Header--pi': isPrimitiveReactNode(indicator) })}\n >\n <div vkuiClass=\"Header__main\">\n <HeaderContent vkuiClass=\"Header__content\" Component=\"span\" mode={mode} platform={platform}>\n <span vkuiClass={classNames('Header__content-in', { 'Header__content-in--multiline': multiline })}>{children}</span>\n {hasReactNode(indicator) && (\n <Caption\n vkuiClass=\"Header__indicator\"\n weight={mode === 'primary' || mode === 'secondary' ? 'medium' : 'regular'}\n level=\"1\"\n >\n {indicator}\n </Caption>\n )}\n </HeaderContent>\n\n {hasReactNode(subtitle) && <HeaderSubtitle vkuiClass=\"Header__subtitle\" Component=\"span\">{subtitle}</HeaderSubtitle>}\n </div>\n\n {hasReactNode(aside) && <HeaderAside vkuiClass=\"Header__aside\" Component=\"span\" platform={platform}>{aside}</HeaderAside>}\n </header>\n );\n};\n\nHeader.defaultProps = {\n mode: 'primary',\n};\n\nexport default Header;\n"],"file":"Header.js"}