@vkontakte/vkui 4.35.2 → 4.35.3

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.
Files changed (41) hide show
  1. package/.cache/.eslintcache +1 -1
  2. package/.cache/.stylelintcache +1 -1
  3. package/.cache/.tsbuildinfo +3 -4
  4. package/dist/cjs/components/Banner/Banner.js +41 -47
  5. package/dist/cjs/components/Banner/Banner.js.map +1 -1
  6. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
  7. package/dist/cjs/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  8. package/dist/cjs/lib/platform.js +9 -4
  9. package/dist/cjs/lib/platform.js.map +1 -1
  10. package/dist/components/Banner/Banner.js +41 -48
  11. package/dist/components/Banner/Banner.js.map +1 -1
  12. package/dist/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
  13. package/dist/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  14. package/dist/components.css +3 -3
  15. package/dist/components.css.map +1 -1
  16. package/dist/cssm/components/Banner/Banner.js +41 -48
  17. package/dist/cssm/components/Banner/Banner.js.map +1 -1
  18. package/dist/cssm/components/PanelHeader/PanelHeader.css +1 -1
  19. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.css +1 -1
  20. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js +1 -2
  21. package/dist/cssm/components/PanelHeaderContent/PanelHeaderContent.js.map +1 -1
  22. package/dist/cssm/components/Spacing/Spacing.css +1 -1
  23. package/dist/cssm/components/Typography/Headline/Headline.css +1 -1
  24. package/dist/cssm/components/Typography/Text/Text.css +1 -1
  25. package/dist/cssm/lib/platform.js +8 -3
  26. package/dist/cssm/lib/platform.js.map +1 -1
  27. package/dist/cssm/styles/components.css +3 -3
  28. package/dist/lib/platform.js +8 -3
  29. package/dist/lib/platform.js.map +1 -1
  30. package/dist/vkui.css +3 -3
  31. package/dist/vkui.css.map +1 -1
  32. package/package.json +1 -1
  33. package/src/components/Banner/Banner.tsx +58 -63
  34. package/src/components/PanelHeader/PanelHeader.css +8 -13
  35. package/src/components/PanelHeaderContent/PanelHeaderContent.css +8 -2
  36. package/src/components/PanelHeaderContent/PanelHeaderContent.tsx +1 -2
  37. package/src/components/Spacing/Readme.md +20 -20
  38. package/src/components/Spacing/Spacing.css +5 -1
  39. package/src/components/Typography/Headline/Headline.css +10 -0
  40. package/src/components/Typography/Text/Text.css +10 -0
  41. package/src/lib/platform.ts +12 -6
@@ -1 +1 @@
1
- [{"/home/runner/work/VKUI/VKUI/src/fonts/fonts.css":"1","/home/runner/work/VKUI/VKUI/src/styles/animations.css":"2","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"3","/home/runner/work/VKUI/VKUI/src/styles/common.css":"4","/home/runner/work/VKUI/VKUI/src/styles/components.css":"5","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"6","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"7","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"8","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"10","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"12","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"13","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"14","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"15","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"16","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"17","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"18","/home/runner/work/VKUI/VKUI/src/components/BaseGallery/BaseGallery.css":"19","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"20","/home/runner/work/VKUI/VKUI/src/components/ButtonGroup/ButtonGroup.css":"21","/home/runner/work/VKUI/VKUI/src/components/Calendar/Calendar.css":"22","/home/runner/work/VKUI/VKUI/src/components/CalendarDay/CalendarDay.css":"23","/home/runner/work/VKUI/VKUI/src/components/CalendarDays/CalendarDays.css":"24","/home/runner/work/VKUI/VKUI/src/components/CalendarHeader/CalendarHeader.css":"25","/home/runner/work/VKUI/VKUI/src/components/CalendarRange/CalendarRange.css":"26","/home/runner/work/VKUI/VKUI/src/components/CalendarTime/CalendarTime.css":"27","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"28","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"29","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"30","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"31","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"32","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"33","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"34","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"35","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"36","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"37","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"38","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"39","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"40","/home/runner/work/VKUI/VKUI/src/components/CustomSelectDropdown/CustomSelectDropdown.css":"41","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"42","/home/runner/work/VKUI/VKUI/src/components/DateInput/DateInput.css":"43","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"44","/home/runner/work/VKUI/VKUI/src/components/DateRangeInput/DateRangeInput.css":"45","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"46","/home/runner/work/VKUI/VKUI/src/components/Dropdown/Dropdown.css":"47","/home/runner/work/VKUI/VKUI/src/components/DropdownIcon/DropdownIcon.css":"48","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"49","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"50","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"51","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"52","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"53","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"54","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"55","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"56","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"57","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"58","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"59","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"60","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"61","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"62","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"63","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"64","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"65","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"66","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"67","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"68","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLike.css":"69","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLikeDivider.css":"70","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"71","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"72","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"73","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"74","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"75","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"76","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"77","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"78","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"79","/home/runner/work/VKUI/VKUI/src/components/Pagination/Pagination.css":"80","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"81","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"82","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"83","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"84","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"85","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"86","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"87","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"88","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"89","/home/runner/work/VKUI/VKUI/src/components/Popper/Popper.css":"90","/home/runner/work/VKUI/VKUI/src/components/PopperArrow/PopperArrow.css":"91","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"92","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"93","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"94","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"95","/home/runner/work/VKUI/VKUI/src/components/RadioGroup/RadioGroup.css":"96","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"97","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"98","/home/runner/work/VKUI/VKUI/src/components/RichTooltip/RichTooltip.css":"99","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"100","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"101","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"102","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControl.css":"103","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"104","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"105","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"106","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"107","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"108","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"109","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"110","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"111","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"112","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"113","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"114","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"115","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"116","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"117","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"118","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"119","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"120","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"121","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"122","/home/runner/work/VKUI/VKUI/src/components/TextTooltip/TextTooltip.css":"123","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"124","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"125","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"126","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"127","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"128","/home/runner/work/VKUI/VKUI/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css":"129","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"130","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"131","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"132","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"133","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css":"134","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"135","/home/runner/work/VKUI/VKUI/src/components/Typography/Footnote/Footnote.css":"136","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"137","/home/runner/work/VKUI/VKUI/src/components/Typography/Paragraph/Paragraph.css":"138","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"139","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"140","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"141"},{"size":214,"mtime":1660569278983,"hashOfConfig":"142"},{"size":205,"mtime":1660569278987,"hashOfConfig":"142"},{"size":9949,"mtime":1660569278987,"hashOfConfig":"142"},{"size":706,"mtime":1660569278987,"hashOfConfig":"142"},{"size":6930,"mtime":1660569278987,"hashOfConfig":"142"},{"size":2498,"mtime":1660569278987,"hashOfConfig":"142"},{"size":10057,"mtime":1660569278987,"hashOfConfig":"142"},{"size":895,"mtime":1660569278987,"hashOfConfig":"142"},{"size":277,"mtime":1660569278987,"hashOfConfig":"142"},{"size":10147,"mtime":1660569278987,"hashOfConfig":"142"},{"size":9990,"mtime":1660569278987,"hashOfConfig":"142"},{"size":2926,"mtime":1660569278859,"hashOfConfig":"142"},{"size":5740,"mtime":1660569278911,"hashOfConfig":"142"},{"size":5211,"mtime":1660569278911,"hashOfConfig":"142"},{"size":276,"mtime":1660569278911,"hashOfConfig":"142"},{"size":3547,"mtime":1660569278911,"hashOfConfig":"142"},{"size":326,"mtime":1660569278911,"hashOfConfig":"142"},{"size":2814,"mtime":1660569278911,"hashOfConfig":"142"},{"size":1165,"mtime":1660569278915,"hashOfConfig":"142"},{"size":20198,"mtime":1660569278915,"hashOfConfig":"142"},{"size":2225,"mtime":1660569278915,"hashOfConfig":"142"},{"size":594,"mtime":1660569278927,"hashOfConfig":"142"},{"size":1769,"mtime":1660569278927,"hashOfConfig":"142"},{"size":555,"mtime":1660569278927,"hashOfConfig":"142"},{"size":642,"mtime":1660569278927,"hashOfConfig":"142"},{"size":535,"mtime":1660569278927,"hashOfConfig":"142"},{"size":259,"mtime":1660569278927,"hashOfConfig":"142"},{"size":1631,"mtime":1660569278927,"hashOfConfig":"142"},{"size":1331,"mtime":1660569278927,"hashOfConfig":"142"},{"size":846,"mtime":1660569278927,"hashOfConfig":"142"},{"size":964,"mtime":1660569278927,"hashOfConfig":"142"},{"size":963,"mtime":1660569278931,"hashOfConfig":"142"},{"size":2288,"mtime":1660569278931,"hashOfConfig":"142"},{"size":1206,"mtime":1660569278931,"hashOfConfig":"142"},{"size":1335,"mtime":1660569278935,"hashOfConfig":"142"},{"size":172,"mtime":1660569278935,"hashOfConfig":"142"},{"size":781,"mtime":1660569278935,"hashOfConfig":"142"},{"size":5247,"mtime":1660569278935,"hashOfConfig":"142"},{"size":1610,"mtime":1660569278935,"hashOfConfig":"142"},{"size":348,"mtime":1660569278935,"hashOfConfig":"142"},{"size":897,"mtime":1660569278939,"hashOfConfig":"142"},{"size":1473,"mtime":1660569278939,"hashOfConfig":"142"},{"size":372,"mtime":1660569278939,"hashOfConfig":"142"},{"size":357,"mtime":1660569278939,"hashOfConfig":"142"},{"size":317,"mtime":1660569278939,"hashOfConfig":"142"},{"size":125,"mtime":1660569278939,"hashOfConfig":"142"},{"size":580,"mtime":1660569278939,"hashOfConfig":"142"},{"size":37,"mtime":1660569278939,"hashOfConfig":"142"},{"size":41,"mtime":1660569278939,"hashOfConfig":"142"},{"size":1834,"mtime":1660569278939,"hashOfConfig":"142"},{"size":1462,"mtime":1660569278939,"hashOfConfig":"142"},{"size":176,"mtime":1660569278939,"hashOfConfig":"142"},{"size":3264,"mtime":1660569278943,"hashOfConfig":"142"},{"size":1854,"mtime":1660569278943,"hashOfConfig":"142"},{"size":227,"mtime":1660569278943,"hashOfConfig":"142"},{"size":424,"mtime":1660569278943,"hashOfConfig":"142"},{"size":742,"mtime":1660569278943,"hashOfConfig":"142"},{"size":673,"mtime":1660569278943,"hashOfConfig":"142"},{"size":909,"mtime":1660569278943,"hashOfConfig":"142"},{"size":1985,"mtime":1660569278943,"hashOfConfig":"142"},{"size":2364,"mtime":1660569278943,"hashOfConfig":"142"},{"size":1264,"mtime":1660569278943,"hashOfConfig":"142"},{"size":1380,"mtime":1660569278943,"hashOfConfig":"142"},{"size":1681,"mtime":1660569278947,"hashOfConfig":"142"},{"size":2491,"mtime":1660569278947,"hashOfConfig":"142"},{"size":276,"mtime":1660569278947,"hashOfConfig":"142"},{"size":1308,"mtime":1660569278947,"hashOfConfig":"142"},{"size":1371,"mtime":1660569278947,"hashOfConfig":"142"},{"size":443,"mtime":1660569278947,"hashOfConfig":"142"},{"size":100,"mtime":1660569278947,"hashOfConfig":"142"},{"size":965,"mtime":1660569278947,"hashOfConfig":"142"},{"size":10,"mtime":1660569278947,"hashOfConfig":"142"},{"size":1476,"mtime":1660569278947,"hashOfConfig":"142"},{"size":975,"mtime":1660569278951,"hashOfConfig":"142"},{"size":2067,"mtime":1660569278951,"hashOfConfig":"142"},{"size":651,"mtime":1660569278951,"hashOfConfig":"142"},{"size":2608,"mtime":1660569278951,"hashOfConfig":"142"},{"size":444,"mtime":1660569278951,"hashOfConfig":"142"},{"size":1403,"mtime":1660569278951,"hashOfConfig":"142"},{"size":1379,"mtime":1660569278955,"hashOfConfig":"142"},{"size":2238,"mtime":1660569278955,"hashOfConfig":"142"},{"size":5077,"mtime":1660569278955,"hashOfConfig":"142"},{"size":154,"mtime":1660569278955,"hashOfConfig":"142"},{"size":1619,"mtime":1660569278955,"hashOfConfig":"142"},{"size":1933,"mtime":1660569278955,"hashOfConfig":"142"},{"size":2959,"mtime":1660569278955,"hashOfConfig":"142"},{"size":866,"mtime":1660569278955,"hashOfConfig":"142"},{"size":455,"mtime":1660569278955,"hashOfConfig":"142"},{"size":1714,"mtime":1660569278955,"hashOfConfig":"142"},{"size":963,"mtime":1660569278955,"hashOfConfig":"142"},{"size":616,"mtime":1660569278959,"hashOfConfig":"142"},{"size":283,"mtime":1660569278959,"hashOfConfig":"142"},{"size":936,"mtime":1660569278959,"hashOfConfig":"142"},{"size":2083,"mtime":1660569278959,"hashOfConfig":"142"},{"size":1844,"mtime":1660569278959,"hashOfConfig":"142"},{"size":202,"mtime":1660569278959,"hashOfConfig":"142"},{"size":2530,"mtime":1660569278959,"hashOfConfig":"142"},{"size":3121,"mtime":1660569278959,"hashOfConfig":"142"},{"size":1341,"mtime":1660569278963,"hashOfConfig":"142"},{"size":2592,"mtime":1660569278963,"hashOfConfig":"142"},{"size":1254,"mtime":1660569278963,"hashOfConfig":"142"},{"size":6654,"mtime":1660569278963,"hashOfConfig":"142"},{"size":1116,"mtime":1660569278963,"hashOfConfig":"142"},{"size":1424,"mtime":1660569278963,"hashOfConfig":"142"},{"size":857,"mtime":1660569278963,"hashOfConfig":"142"},{"size":3240,"mtime":1660569278963,"hashOfConfig":"142"},{"size":2533,"mtime":1660569278967,"hashOfConfig":"142"},{"size":1683,"mtime":1660569278967,"hashOfConfig":"142"},{"size":1686,"mtime":1660569278967,"hashOfConfig":"142"},{"size":3053,"mtime":1660569278967,"hashOfConfig":"142"},{"size":824,"mtime":1660569278967,"hashOfConfig":"142"},{"size":475,"mtime":1660569278967,"hashOfConfig":"142"},{"size":453,"mtime":1660569278967,"hashOfConfig":"142"},{"size":847,"mtime":1660569278967,"hashOfConfig":"142"},{"size":705,"mtime":1660569278967,"hashOfConfig":"142"},{"size":1730,"mtime":1660569278967,"hashOfConfig":"142"},{"size":4496,"mtime":1660569278971,"hashOfConfig":"142"},{"size":956,"mtime":1660569278971,"hashOfConfig":"142"},{"size":2307,"mtime":1660569278971,"hashOfConfig":"142"},{"size":1117,"mtime":1660569278971,"hashOfConfig":"142"},{"size":5763,"mtime":1660569278971,"hashOfConfig":"142"},{"size":2197,"mtime":1660569278971,"hashOfConfig":"142"},{"size":1300,"mtime":1660569278971,"hashOfConfig":"142"},{"size":1138,"mtime":1660569278971,"hashOfConfig":"142"},{"size":1475,"mtime":1660569278975,"hashOfConfig":"142"},{"size":1197,"mtime":1660569278979,"hashOfConfig":"142"},{"size":1674,"mtime":1660569278983,"hashOfConfig":"142"},{"size":3097,"mtime":1660569278983,"hashOfConfig":"142"},{"size":167,"mtime":1660569278983,"hashOfConfig":"142"},{"size":1722,"mtime":1660569278983,"hashOfConfig":"142"},{"size":1229,"mtime":1660569278983,"hashOfConfig":"142"},{"size":313,"mtime":1660569278927,"hashOfConfig":"142"},{"size":70,"mtime":1660569278927,"hashOfConfig":"142"},{"size":627,"mtime":1660569278963,"hashOfConfig":"142"},{"size":3303,"mtime":1660569278975,"hashOfConfig":"142"},{"size":699,"mtime":1660569278975,"hashOfConfig":"142"},{"size":1523,"mtime":1660569278975,"hashOfConfig":"142"},{"size":419,"mtime":1660569278979,"hashOfConfig":"142"},{"size":980,"mtime":1660569278979,"hashOfConfig":"142"},{"size":937,"mtime":1660569278979,"hashOfConfig":"142"},{"size":1346,"mtime":1660569278979,"hashOfConfig":"142"},"184us0l"]
1
+ [{"/home/runner/work/VKUI/VKUI/src/fonts/fonts.css":"1","/home/runner/work/VKUI/VKUI/src/styles/animations.css":"2","/home/runner/work/VKUI/VKUI/src/styles/bright_light.css":"3","/home/runner/work/VKUI/VKUI/src/styles/common.css":"4","/home/runner/work/VKUI/VKUI/src/styles/components.css":"5","/home/runner/work/VKUI/VKUI/src/styles/constants.css":"6","/home/runner/work/VKUI/VKUI/src/styles/space_gray.css":"7","/home/runner/work/VKUI/VKUI/src/styles/themes.css":"8","/home/runner/work/VKUI/VKUI/src/styles/unstable.css":"9","/home/runner/work/VKUI/VKUI/src/styles/vkcom_dark.css":"10","/home/runner/work/VKUI/VKUI/src/styles/vkcom_light.css":"11","/home/runner/work/VKUI/VKUI/src/components/ActionSheet/ActionSheet.css":"12","/home/runner/work/VKUI/VKUI/src/components/ActionSheetItem/ActionSheetItem.css":"13","/home/runner/work/VKUI/VKUI/src/components/Alert/Alert.css":"14","/home/runner/work/VKUI/VKUI/src/components/AppRoot/AppRoot.css":"15","/home/runner/work/VKUI/VKUI/src/components/Avatar/Avatar.css":"16","/home/runner/work/VKUI/VKUI/src/components/Badge/Badge.css":"17","/home/runner/work/VKUI/VKUI/src/components/Banner/Banner.css":"18","/home/runner/work/VKUI/VKUI/src/components/BaseGallery/BaseGallery.css":"19","/home/runner/work/VKUI/VKUI/src/components/Button/Button.css":"20","/home/runner/work/VKUI/VKUI/src/components/ButtonGroup/ButtonGroup.css":"21","/home/runner/work/VKUI/VKUI/src/components/Calendar/Calendar.css":"22","/home/runner/work/VKUI/VKUI/src/components/CalendarDay/CalendarDay.css":"23","/home/runner/work/VKUI/VKUI/src/components/CalendarDays/CalendarDays.css":"24","/home/runner/work/VKUI/VKUI/src/components/CalendarHeader/CalendarHeader.css":"25","/home/runner/work/VKUI/VKUI/src/components/CalendarRange/CalendarRange.css":"26","/home/runner/work/VKUI/VKUI/src/components/CalendarTime/CalendarTime.css":"27","/home/runner/work/VKUI/VKUI/src/components/Card/Card.css":"28","/home/runner/work/VKUI/VKUI/src/components/CardGrid/CardGrid.css":"29","/home/runner/work/VKUI/VKUI/src/components/CardScroll/CardScroll.css":"30","/home/runner/work/VKUI/VKUI/src/components/Cell/Cell.css":"31","/home/runner/work/VKUI/VKUI/src/components/CellButton/CellButton.css":"32","/home/runner/work/VKUI/VKUI/src/components/Checkbox/Checkbox.css":"33","/home/runner/work/VKUI/VKUI/src/components/Chip/Chip.css":"34","/home/runner/work/VKUI/VKUI/src/components/ChipsInput/ChipsInput.css":"35","/home/runner/work/VKUI/VKUI/src/components/ChipsSelect/ChipsSelect.css":"36","/home/runner/work/VKUI/VKUI/src/components/ContentCard/ContentCard.css":"37","/home/runner/work/VKUI/VKUI/src/components/Counter/Counter.css":"38","/home/runner/work/VKUI/VKUI/src/components/CustomScrollView/CustomScrollView.css":"39","/home/runner/work/VKUI/VKUI/src/components/CustomSelect/CustomSelect.css":"40","/home/runner/work/VKUI/VKUI/src/components/CustomSelectDropdown/CustomSelectDropdown.css":"41","/home/runner/work/VKUI/VKUI/src/components/CustomSelectOption/CustomSelectOption.css":"42","/home/runner/work/VKUI/VKUI/src/components/DateInput/DateInput.css":"43","/home/runner/work/VKUI/VKUI/src/components/DatePicker/DatePicker.css":"44","/home/runner/work/VKUI/VKUI/src/components/DateRangeInput/DateRangeInput.css":"45","/home/runner/work/VKUI/VKUI/src/components/Div/Div.css":"46","/home/runner/work/VKUI/VKUI/src/components/Dropdown/Dropdown.css":"47","/home/runner/work/VKUI/VKUI/src/components/DropdownIcon/DropdownIcon.css":"48","/home/runner/work/VKUI/VKUI/src/components/Epic/Epic.css":"49","/home/runner/work/VKUI/VKUI/src/components/FixedLayout/FixedLayout.css":"50","/home/runner/work/VKUI/VKUI/src/components/FocusVisible/FocusVisible.css":"51","/home/runner/work/VKUI/VKUI/src/components/Footer/Footer.css":"52","/home/runner/work/VKUI/VKUI/src/components/FormField/FormField.css":"53","/home/runner/work/VKUI/VKUI/src/components/FormItem/FormItem.css":"54","/home/runner/work/VKUI/VKUI/src/components/FormLayout/FormLayout.css":"55","/home/runner/work/VKUI/VKUI/src/components/FormLayoutGroup/FormLayoutGroup.css":"56","/home/runner/work/VKUI/VKUI/src/components/FormStatus/FormStatus.css":"57","/home/runner/work/VKUI/VKUI/src/components/Gradient/Gradient.css":"58","/home/runner/work/VKUI/VKUI/src/components/GridAvatar/GridAvatar.css":"59","/home/runner/work/VKUI/VKUI/src/components/Group/Group.css":"60","/home/runner/work/VKUI/VKUI/src/components/Header/Header.css":"61","/home/runner/work/VKUI/VKUI/src/components/HorizontalCell/HorizontalCell.css":"62","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScroll.css":"63","/home/runner/work/VKUI/VKUI/src/components/HorizontalScroll/HorizontalScrollArrow.css":"64","/home/runner/work/VKUI/VKUI/src/components/IconButton/IconButton.css":"65","/home/runner/work/VKUI/VKUI/src/components/InfoRow/InfoRow.css":"66","/home/runner/work/VKUI/VKUI/src/components/InitialsAvatar/InitialsAvatar.css":"67","/home/runner/work/VKUI/VKUI/src/components/Input/Input.css":"68","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLike.css":"69","/home/runner/work/VKUI/VKUI/src/components/InputLike/InputLikeDivider.css":"70","/home/runner/work/VKUI/VKUI/src/components/Link/Link.css":"71","/home/runner/work/VKUI/VKUI/src/components/List/List.css":"72","/home/runner/work/VKUI/VKUI/src/components/MiniInfoCell/MiniInfoCell.css":"73","/home/runner/work/VKUI/VKUI/src/components/ModalCard/ModalCard.css":"74","/home/runner/work/VKUI/VKUI/src/components/ModalCardBase/ModalCardBase.css":"75","/home/runner/work/VKUI/VKUI/src/components/ModalDismissButton/ModalDismissButton.css":"76","/home/runner/work/VKUI/VKUI/src/components/ModalPage/ModalPage.css":"77","/home/runner/work/VKUI/VKUI/src/components/ModalPageHeader/ModalPageHeader.css":"78","/home/runner/work/VKUI/VKUI/src/components/ModalRoot/ModalRoot.css":"79","/home/runner/work/VKUI/VKUI/src/components/Pagination/Pagination.css":"80","/home/runner/work/VKUI/VKUI/src/components/Panel/Panel.css":"81","/home/runner/work/VKUI/VKUI/src/components/PanelHeader/PanelHeader.css":"82","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderBack/PanelHeaderBack.css":"83","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderButton/PanelHeaderButton.css":"84","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContent/PanelHeaderContent.css":"85","/home/runner/work/VKUI/VKUI/src/components/PanelHeaderContext/PanelHeaderContext.css":"86","/home/runner/work/VKUI/VKUI/src/components/Placeholder/Placeholder.css":"87","/home/runner/work/VKUI/VKUI/src/components/PopoutRoot/PopoutRoot.css":"88","/home/runner/work/VKUI/VKUI/src/components/PopoutWrapper/PopoutWrapper.css":"89","/home/runner/work/VKUI/VKUI/src/components/Popper/Popper.css":"90","/home/runner/work/VKUI/VKUI/src/components/PopperArrow/PopperArrow.css":"91","/home/runner/work/VKUI/VKUI/src/components/Progress/Progress.css":"92","/home/runner/work/VKUI/VKUI/src/components/PromoBanner/PromoBanner.css":"93","/home/runner/work/VKUI/VKUI/src/components/PullToRefresh/PullToRefresh.css":"94","/home/runner/work/VKUI/VKUI/src/components/Radio/Radio.css":"95","/home/runner/work/VKUI/VKUI/src/components/RadioGroup/RadioGroup.css":"96","/home/runner/work/VKUI/VKUI/src/components/Removable/Removable.css":"97","/home/runner/work/VKUI/VKUI/src/components/RichCell/RichCell.css":"98","/home/runner/work/VKUI/VKUI/src/components/RichTooltip/RichTooltip.css":"99","/home/runner/work/VKUI/VKUI/src/components/Root/Root.css":"100","/home/runner/work/VKUI/VKUI/src/components/ScreenSpinner/ScreenSpinner.css":"101","/home/runner/work/VKUI/VKUI/src/components/Search/Search.css":"102","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControl.css":"103","/home/runner/work/VKUI/VKUI/src/components/Select/Select.css":"104","/home/runner/work/VKUI/VKUI/src/components/Separator/Separator.css":"105","/home/runner/work/VKUI/VKUI/src/components/SimpleCell/SimpleCell.css":"106","/home/runner/work/VKUI/VKUI/src/components/SimpleCheckbox/SimpleCheckbox.css":"107","/home/runner/work/VKUI/VKUI/src/components/Slider/Slider.css":"108","/home/runner/work/VKUI/VKUI/src/components/SliderSwitch/SliderSwitch.css":"109","/home/runner/work/VKUI/VKUI/src/components/Snackbar/Snackbar.css":"110","/home/runner/work/VKUI/VKUI/src/components/Spacing/Spacing.css":"111","/home/runner/work/VKUI/VKUI/src/components/Spinner/Spinner.css":"112","/home/runner/work/VKUI/VKUI/src/components/SplitCol/SplitCol.css":"113","/home/runner/work/VKUI/VKUI/src/components/SplitLayout/SplitLayout.css":"114","/home/runner/work/VKUI/VKUI/src/components/SubnavigationBar/SubnavigationBar.css":"115","/home/runner/work/VKUI/VKUI/src/components/SubnavigationButton/SubnavigationButton.css":"116","/home/runner/work/VKUI/VKUI/src/components/Switch/Switch.css":"117","/home/runner/work/VKUI/VKUI/src/components/Tabbar/Tabbar.css":"118","/home/runner/work/VKUI/VKUI/src/components/TabbarItem/TabbarItem.css":"119","/home/runner/work/VKUI/VKUI/src/components/Tabs/Tabs.css":"120","/home/runner/work/VKUI/VKUI/src/components/TabsItem/TabsItem.css":"121","/home/runner/work/VKUI/VKUI/src/components/Tappable/Tappable.css":"122","/home/runner/work/VKUI/VKUI/src/components/TextTooltip/TextTooltip.css":"123","/home/runner/work/VKUI/VKUI/src/components/Textarea/Textarea.css":"124","/home/runner/work/VKUI/VKUI/src/components/Tooltip/Tooltip.css":"125","/home/runner/work/VKUI/VKUI/src/components/UsersStack/UsersStack.css":"126","/home/runner/work/VKUI/VKUI/src/components/View/View.css":"127","/home/runner/work/VKUI/VKUI/src/components/View/ViewIOS.css":"128","/home/runner/work/VKUI/VKUI/src/components/VisuallyHiddenInput/VisuallyHiddenInput.css":"129","/home/runner/work/VKUI/VKUI/src/components/WriteBar/WriteBar.css":"130","/home/runner/work/VKUI/VKUI/src/components/WriteBarIcon/WriteBarIcon.css":"131","/home/runner/work/VKUI/VKUI/src/components/Cell/CellCheckbox/CellCheckbox.css":"132","/home/runner/work/VKUI/VKUI/src/components/Cell/CellDragger/CellDragger.css":"133","/home/runner/work/VKUI/VKUI/src/components/SegmentedControl/SegmentedControlOption/SegmentedControlOption.css":"134","/home/runner/work/VKUI/VKUI/src/components/Typography/Caption/Caption.css":"135","/home/runner/work/VKUI/VKUI/src/components/Typography/Footnote/Footnote.css":"136","/home/runner/work/VKUI/VKUI/src/components/Typography/Headline/Headline.css":"137","/home/runner/work/VKUI/VKUI/src/components/Typography/Paragraph/Paragraph.css":"138","/home/runner/work/VKUI/VKUI/src/components/Typography/Subhead/Subhead.css":"139","/home/runner/work/VKUI/VKUI/src/components/Typography/Text/Text.css":"140","/home/runner/work/VKUI/VKUI/src/components/Typography/Title/Title.css":"141"},{"size":214,"mtime":1660829008084,"hashOfConfig":"142"},{"size":205,"mtime":1660829008088,"hashOfConfig":"142"},{"size":9949,"mtime":1660829008088,"hashOfConfig":"142"},{"size":706,"mtime":1660829008088,"hashOfConfig":"142"},{"size":6930,"mtime":1660829008088,"hashOfConfig":"142"},{"size":2498,"mtime":1660829008088,"hashOfConfig":"142"},{"size":10057,"mtime":1660829008088,"hashOfConfig":"142"},{"size":895,"mtime":1660829008088,"hashOfConfig":"142"},{"size":277,"mtime":1660829008088,"hashOfConfig":"142"},{"size":10147,"mtime":1660829008088,"hashOfConfig":"142"},{"size":9990,"mtime":1660829008088,"hashOfConfig":"142"},{"size":2926,"mtime":1660829007944,"hashOfConfig":"142"},{"size":5740,"mtime":1660829008008,"hashOfConfig":"142"},{"size":5211,"mtime":1660829008008,"hashOfConfig":"142"},{"size":276,"mtime":1660829008012,"hashOfConfig":"142"},{"size":3547,"mtime":1660829008012,"hashOfConfig":"142"},{"size":326,"mtime":1660829008012,"hashOfConfig":"142"},{"size":2814,"mtime":1660829008012,"hashOfConfig":"142"},{"size":1165,"mtime":1660829008012,"hashOfConfig":"142"},{"size":20198,"mtime":1660829008012,"hashOfConfig":"142"},{"size":2225,"mtime":1660829008016,"hashOfConfig":"142"},{"size":594,"mtime":1660829008024,"hashOfConfig":"142"},{"size":1769,"mtime":1660829008024,"hashOfConfig":"142"},{"size":555,"mtime":1660829008024,"hashOfConfig":"142"},{"size":642,"mtime":1660829008024,"hashOfConfig":"142"},{"size":535,"mtime":1660829008024,"hashOfConfig":"142"},{"size":259,"mtime":1660829008024,"hashOfConfig":"142"},{"size":1631,"mtime":1660829008024,"hashOfConfig":"142"},{"size":1331,"mtime":1660829008024,"hashOfConfig":"142"},{"size":846,"mtime":1660829008024,"hashOfConfig":"142"},{"size":964,"mtime":1660829008028,"hashOfConfig":"142"},{"size":963,"mtime":1660829008028,"hashOfConfig":"142"},{"size":2288,"mtime":1660829008028,"hashOfConfig":"142"},{"size":1206,"mtime":1660829008032,"hashOfConfig":"142"},{"size":1335,"mtime":1660829008032,"hashOfConfig":"142"},{"size":172,"mtime":1660829008032,"hashOfConfig":"142"},{"size":781,"mtime":1660829008032,"hashOfConfig":"142"},{"size":5247,"mtime":1660829008032,"hashOfConfig":"142"},{"size":1610,"mtime":1660829008036,"hashOfConfig":"142"},{"size":348,"mtime":1660829008036,"hashOfConfig":"142"},{"size":897,"mtime":1660829008036,"hashOfConfig":"142"},{"size":1473,"mtime":1660829008036,"hashOfConfig":"142"},{"size":372,"mtime":1660829008036,"hashOfConfig":"142"},{"size":357,"mtime":1660829008036,"hashOfConfig":"142"},{"size":317,"mtime":1660829008036,"hashOfConfig":"142"},{"size":125,"mtime":1660829008036,"hashOfConfig":"142"},{"size":580,"mtime":1660829008036,"hashOfConfig":"142"},{"size":37,"mtime":1660829008036,"hashOfConfig":"142"},{"size":41,"mtime":1660829008040,"hashOfConfig":"142"},{"size":1834,"mtime":1660829008040,"hashOfConfig":"142"},{"size":1462,"mtime":1660829008040,"hashOfConfig":"142"},{"size":176,"mtime":1660829008040,"hashOfConfig":"142"},{"size":3264,"mtime":1660829008040,"hashOfConfig":"142"},{"size":1854,"mtime":1660829008040,"hashOfConfig":"142"},{"size":227,"mtime":1660829008040,"hashOfConfig":"142"},{"size":424,"mtime":1660829008040,"hashOfConfig":"142"},{"size":742,"mtime":1660829008040,"hashOfConfig":"142"},{"size":673,"mtime":1660829008040,"hashOfConfig":"142"},{"size":909,"mtime":1660829008040,"hashOfConfig":"142"},{"size":1985,"mtime":1660829008040,"hashOfConfig":"142"},{"size":2364,"mtime":1660829008040,"hashOfConfig":"142"},{"size":1264,"mtime":1660829008044,"hashOfConfig":"142"},{"size":1380,"mtime":1660829008044,"hashOfConfig":"142"},{"size":1681,"mtime":1660829008044,"hashOfConfig":"142"},{"size":2491,"mtime":1660829008044,"hashOfConfig":"142"},{"size":276,"mtime":1660829008048,"hashOfConfig":"142"},{"size":1308,"mtime":1660829008048,"hashOfConfig":"142"},{"size":1371,"mtime":1660829008048,"hashOfConfig":"142"},{"size":443,"mtime":1660829008048,"hashOfConfig":"142"},{"size":100,"mtime":1660829008048,"hashOfConfig":"142"},{"size":965,"mtime":1660829008048,"hashOfConfig":"142"},{"size":10,"mtime":1660829008048,"hashOfConfig":"142"},{"size":1476,"mtime":1660829008048,"hashOfConfig":"142"},{"size":975,"mtime":1660829008048,"hashOfConfig":"142"},{"size":2067,"mtime":1660829008052,"hashOfConfig":"142"},{"size":651,"mtime":1660829008052,"hashOfConfig":"142"},{"size":2608,"mtime":1660829008052,"hashOfConfig":"142"},{"size":444,"mtime":1660829008052,"hashOfConfig":"142"},{"size":1403,"mtime":1660829008052,"hashOfConfig":"142"},{"size":1379,"mtime":1660829008056,"hashOfConfig":"142"},{"size":2238,"mtime":1660829008056,"hashOfConfig":"142"},{"size":4895,"mtime":1660829008056,"hashOfConfig":"142"},{"size":154,"mtime":1660829008056,"hashOfConfig":"142"},{"size":1619,"mtime":1660829008056,"hashOfConfig":"142"},{"size":1987,"mtime":1660829008056,"hashOfConfig":"142"},{"size":2959,"mtime":1660829008056,"hashOfConfig":"142"},{"size":866,"mtime":1660829008056,"hashOfConfig":"142"},{"size":455,"mtime":1660829008060,"hashOfConfig":"142"},{"size":1714,"mtime":1660829008060,"hashOfConfig":"142"},{"size":963,"mtime":1660829008060,"hashOfConfig":"142"},{"size":616,"mtime":1660829008060,"hashOfConfig":"142"},{"size":283,"mtime":1660829008060,"hashOfConfig":"142"},{"size":936,"mtime":1660829008060,"hashOfConfig":"142"},{"size":2083,"mtime":1660829008060,"hashOfConfig":"142"},{"size":1844,"mtime":1660829008060,"hashOfConfig":"142"},{"size":202,"mtime":1660829008060,"hashOfConfig":"142"},{"size":2530,"mtime":1660829008064,"hashOfConfig":"142"},{"size":3121,"mtime":1660829008064,"hashOfConfig":"142"},{"size":1341,"mtime":1660829008064,"hashOfConfig":"142"},{"size":2592,"mtime":1660829008064,"hashOfConfig":"142"},{"size":1254,"mtime":1660829008064,"hashOfConfig":"142"},{"size":6654,"mtime":1660829008064,"hashOfConfig":"142"},{"size":1116,"mtime":1660829008064,"hashOfConfig":"142"},{"size":1424,"mtime":1660829008064,"hashOfConfig":"142"},{"size":857,"mtime":1660829008068,"hashOfConfig":"142"},{"size":3240,"mtime":1660829008068,"hashOfConfig":"142"},{"size":2533,"mtime":1660829008068,"hashOfConfig":"142"},{"size":1683,"mtime":1660829008068,"hashOfConfig":"142"},{"size":1686,"mtime":1660829008068,"hashOfConfig":"142"},{"size":3053,"mtime":1660829008068,"hashOfConfig":"142"},{"size":869,"mtime":1660829008068,"hashOfConfig":"142"},{"size":475,"mtime":1660829008068,"hashOfConfig":"142"},{"size":453,"mtime":1660829008068,"hashOfConfig":"142"},{"size":847,"mtime":1660829008068,"hashOfConfig":"142"},{"size":705,"mtime":1660829008068,"hashOfConfig":"142"},{"size":1730,"mtime":1660829008072,"hashOfConfig":"142"},{"size":4496,"mtime":1660829008072,"hashOfConfig":"142"},{"size":956,"mtime":1660829008072,"hashOfConfig":"142"},{"size":2307,"mtime":1660829008072,"hashOfConfig":"142"},{"size":1117,"mtime":1660829008072,"hashOfConfig":"142"},{"size":5763,"mtime":1660829008072,"hashOfConfig":"142"},{"size":2197,"mtime":1660829008072,"hashOfConfig":"142"},{"size":1300,"mtime":1660829008072,"hashOfConfig":"142"},{"size":1138,"mtime":1660829008072,"hashOfConfig":"142"},{"size":1475,"mtime":1660829008076,"hashOfConfig":"142"},{"size":1197,"mtime":1660829008084,"hashOfConfig":"142"},{"size":1674,"mtime":1660829008084,"hashOfConfig":"142"},{"size":3097,"mtime":1660829008084,"hashOfConfig":"142"},{"size":167,"mtime":1660829008084,"hashOfConfig":"142"},{"size":1722,"mtime":1660829008084,"hashOfConfig":"142"},{"size":1229,"mtime":1660829008084,"hashOfConfig":"142"},{"size":313,"mtime":1660829008028,"hashOfConfig":"142"},{"size":70,"mtime":1660829008028,"hashOfConfig":"142"},{"size":627,"mtime":1660829008064,"hashOfConfig":"142"},{"size":3303,"mtime":1660829008076,"hashOfConfig":"142"},{"size":699,"mtime":1660829008076,"hashOfConfig":"142"},{"size":1676,"mtime":1660829008080,"hashOfConfig":"142"},{"size":419,"mtime":1660829008080,"hashOfConfig":"142"},{"size":980,"mtime":1660829008080,"hashOfConfig":"142"},{"size":1086,"mtime":1660829008080,"hashOfConfig":"142"},{"size":1346,"mtime":1660829008080,"hashOfConfig":"142"},"184us0l"]
@@ -786,7 +786,7 @@
786
786
  "signature": "7c90a4324f7e19059ed79f19010b0fc3c9c42cc668291256b55636195ad9c088"
787
787
  },
788
788
  "../src/lib/platform.ts": {
789
- "version": "25cfeed67e7b02e2b3cba6ef1e24b646063e2db75dbf17860c208783f18ca83b",
789
+ "version": "377ac5bd511b09c60174812978c4b0ffa1dd1062f35d3b522319d5bf830ca8b8",
790
790
  "signature": "f1bbe23cd3d2a957b9aedbf99cd1f7e6d942aaae0c4940aef08fa740cc7ea612"
791
791
  },
792
792
  "../src/components/ConfigProvider/ConfigProviderContext.tsx": {
@@ -1026,7 +1026,7 @@
1026
1026
  "signature": "16e5d52aaf9374293f2310e0b55ba7132fe64cd7462f16efee4b6d4e5a88484d"
1027
1027
  },
1028
1028
  "../src/components/PanelHeaderContent/PanelHeaderContent.tsx": {
1029
- "version": "1957d7253e3c0470a202390ed6d4ce032b400165aef620ea10c780daac54faa5",
1029
+ "version": "0ab2aae8595f7c3f0edf3e237913af7c9a4fdf3df776656e69917b3893661e7e",
1030
1030
  "signature": "779f32bb433bbeaa454a116ea38bb0e9f5db4dfa7023d0291b3ec96200026a9a"
1031
1031
  },
1032
1032
  "../src/components/PanelHeaderContext/PanelHeaderContext.tsx": {
@@ -8890,7 +8890,7 @@
8890
8890
  "signature": "a227f6dfb010e97523ea661a159024943213406e892f00affbfa53ec4cc077f3"
8891
8891
  },
8892
8892
  "../src/components/Banner/Banner.tsx": {
8893
- "version": "8bfd9093474444e716a7dc68bfc2ee79a8bcc35a068036f3b212c0758489bf49",
8893
+ "version": "f6ab0c98c6fc0856f1f3bddd5d488283423eb5d8dc2c16a10bfc698f648b080e",
8894
8894
  "signature": "7fb9b780f0879c9ad38c97543022c2f1696793dc22e6baa14645f5e1ec794306"
8895
8895
  },
8896
8896
  "../src/components/MiniInfoCell/MiniInfoCell.tsx": {
@@ -19841,7 +19841,6 @@
19841
19841
  ],
19842
19842
  "../src/components/Banner/Banner.tsx": [
19843
19843
  "../node_modules/@types/react/index.d.ts",
19844
- "../src/types.ts",
19845
19844
  "../src/lib/classNames.ts",
19846
19845
  "../src/hooks/usePlatform.ts",
19847
19846
  "../src/lib/platform.ts",
@@ -39,63 +39,46 @@ var _Text = require("../Typography/Text/Text");
39
39
 
40
40
  var _Title = require("../Typography/Title/Title");
41
41
 
42
- var _excluded = ["size"],
43
- _excluded2 = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
42
+ var _excluded = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
44
43
 
45
- var BannerHeader = function BannerHeader(_ref) {
46
- var size = _ref.size,
47
- restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
48
- return size === "m" ? (0, _jsxRuntime.createScopedElement)(_Title.Title, (0, _extends2.default)({
49
- level: "2",
50
- weight: "2"
51
- }, restProps)) : (0, _jsxRuntime.createScopedElement)(_Headline.Headline, (0, _extends2.default)({
52
- weight: "2"
53
- }, restProps));
54
- };
55
44
  /**
56
45
  * @see https://vkcom.github.io/VKUI/#/Banner
57
46
  */
58
-
59
-
60
- var Banner = function Banner(_ref2) {
61
- var _ref2$mode = _ref2.mode,
62
- mode = _ref2$mode === void 0 ? "tint" : _ref2$mode,
63
- _ref2$imageTheme = _ref2.imageTheme,
64
- imageTheme = _ref2$imageTheme === void 0 ? "dark" : _ref2$imageTheme,
65
- _ref2$size = _ref2.size,
66
- size = _ref2$size === void 0 ? "s" : _ref2$size,
67
- before = _ref2.before,
68
- asideMode = _ref2.asideMode,
69
- header = _ref2.header,
70
- subheader = _ref2.subheader,
71
- text = _ref2.text,
72
- children = _ref2.children,
73
- background = _ref2.background,
74
- actions = _ref2.actions,
75
- onDismiss = _ref2.onDismiss,
76
- _ref2$dismissLabel = _ref2.dismissLabel,
77
- dismissLabel = _ref2$dismissLabel === void 0 ? "Скрыть" : _ref2$dismissLabel,
78
- restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
47
+ var Banner = function Banner(_ref) {
48
+ var _ref$mode = _ref.mode,
49
+ mode = _ref$mode === void 0 ? "tint" : _ref$mode,
50
+ _ref$imageTheme = _ref.imageTheme,
51
+ imageTheme = _ref$imageTheme === void 0 ? "dark" : _ref$imageTheme,
52
+ _ref$size = _ref.size,
53
+ size = _ref$size === void 0 ? "s" : _ref$size,
54
+ before = _ref.before,
55
+ asideMode = _ref.asideMode,
56
+ header = _ref.header,
57
+ subheader = _ref.subheader,
58
+ text = _ref.text,
59
+ children = _ref.children,
60
+ background = _ref.background,
61
+ actions = _ref.actions,
62
+ onDismiss = _ref.onDismiss,
63
+ _ref$dismissLabel = _ref.dismissLabel,
64
+ dismissLabel = _ref$dismissLabel === void 0 ? "Скрыть" : _ref$dismissLabel,
65
+ restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
79
66
  var platform = (0, _usePlatform.usePlatform)();
67
+ var HeaderTypography = size === "m" ? _Title.Title : _Headline.Headline;
80
68
  var SubheaderTypography = size === "m" ? _Text.Text : _Subhead.Subhead;
81
- return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
82
- vkuiClass: (0, _classNames.classNames)("Banner", platform === _platform.IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
83
- }), (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
84
- vkuiClass: "Banner__in",
85
- activeMode: platform === _platform.IOS ? "opacity" : "background",
86
- disabled: asideMode !== "expand",
87
- role: asideMode === "expand" ? "button" : undefined
88
- }, mode === "image" && background && (0, _jsxRuntime.createScopedElement)("div", {
69
+ var IconDismissIOS = mode === "image" ? _icons.Icon24DismissDark : _icons.Icon24DismissSubstract;
70
+ var content = (0, _jsxRuntime.createScopedElement)(React.Fragment, null, mode === "image" && background && (0, _jsxRuntime.createScopedElement)("div", {
89
71
  "aria-hidden": "true",
90
72
  vkuiClass: "Banner__bg"
91
73
  }, background), before && (0, _jsxRuntime.createScopedElement)("div", {
92
74
  vkuiClass: "Banner__before"
93
75
  }, before), (0, _jsxRuntime.createScopedElement)("div", {
94
76
  vkuiClass: "Banner__content"
95
- }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(BannerHeader, {
96
- size: size,
77
+ }, (0, _utils.hasReactNode)(header) && (0, _jsxRuntime.createScopedElement)(HeaderTypography, {
97
78
  Component: "span",
98
- vkuiClass: "Banner__header"
79
+ vkuiClass: "Banner__header",
80
+ weight: "2",
81
+ level: size === "m" ? "2" : "1"
99
82
  }, header), (0, _utils.hasReactNode)(subheader) && (0, _jsxRuntime.createScopedElement)(SubheaderTypography, {
100
83
  Component: "span",
101
84
  vkuiClass: "Banner__subheader"
@@ -103,15 +86,26 @@ var Banner = function Banner(_ref2) {
103
86
  vkuiClass: "Banner__text"
104
87
  }, text), (0, _utils.hasReactNode)(actions) && React.Children.count(actions) > 0 && (0, _jsxRuntime.createScopedElement)("div", {
105
88
  vkuiClass: "Banner__actions"
106
- }, actions)), !!asideMode && (0, _jsxRuntime.createScopedElement)("div", {
89
+ }, actions)));
90
+ return (0, _jsxRuntime.createScopedElement)("section", (0, _extends2.default)({}, restProps, {
91
+ vkuiClass: (0, _classNames.classNames)("Banner", platform === _platform.IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
92
+ }), asideMode === "expand" ? (0, _jsxRuntime.createScopedElement)(_Tappable.Tappable, {
93
+ vkuiClass: "Banner__in",
94
+ activeMode: platform === _platform.IOS ? "opacity" : "background",
95
+ role: "button"
96
+ }, content, (0, _jsxRuntime.createScopedElement)("div", {
97
+ vkuiClass: "Banner__aside"
98
+ }, (0, _jsxRuntime.createScopedElement)(_icons.Icon24Chevron, null))) : (0, _jsxRuntime.createScopedElement)("div", {
99
+ vkuiClass: "Banner__in"
100
+ }, content, asideMode === "dismiss" && (0, _jsxRuntime.createScopedElement)("div", {
107
101
  vkuiClass: "Banner__aside"
108
- }, asideMode === "expand" && (0, _jsxRuntime.createScopedElement)(_icons.Icon24Chevron, null), asideMode === "dismiss" && (0, _jsxRuntime.createScopedElement)(_IconButton.IconButton, {
102
+ }, (0, _jsxRuntime.createScopedElement)(_IconButton.IconButton, {
109
103
  "aria-label": dismissLabel,
110
104
  vkuiClass: "Banner__dismiss",
111
105
  onClick: onDismiss,
112
106
  hoverMode: "opacity",
113
107
  hasActive: false
114
- }, platform === _platform.IOS ? mode === "image" ? (0, _jsxRuntime.createScopedElement)(_icons.Icon24DismissDark, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24DismissSubstract, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null)))));
108
+ }, platform === _platform.IOS ? (0, _jsxRuntime.createScopedElement)(IconDismissIOS, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null)))));
115
109
  };
116
110
 
117
111
  exports.Banner = Banner;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["BannerHeader","size","restProps","Banner","mode","imageTheme","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","platform","SubheaderTypography","Text","Subhead","IOS","undefined","React","Children","count"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasChildren } from \"../../types\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n Icon24Chevron,\n Icon24DismissSubstract,\n Icon24DismissDark,\n Icon24Cancel,\n} 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\ntype BannerTypographyProps = Pick<BannerProps, \"size\"> &\n HasComponent &\n HasChildren;\n\nconst BannerHeader = ({ size, ...restProps }: BannerTypographyProps) => {\n return size === \"m\" ? (\n <Title level=\"2\" weight=\"2\" {...restProps} />\n ) : (\n <Headline weight=\"2\" {...restProps} />\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n mode = \"tint\",\n imageTheme = \"dark\",\n size = \"s\",\n before,\n asideMode,\n header,\n subheader,\n text,\n children,\n background,\n actions,\n onDismiss,\n dismissLabel = \"Скрыть\",\n ...restProps\n}: BannerProps) => {\n const platform = usePlatform();\n\n const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n \"Banner\",\n platform === IOS && \"Banner--ios\",\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n )}\n >\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? \"opacity\" : \"background\"}\n disabled={asideMode !== \"expand\"}\n role={asideMode === \"expand\" ? \"button\" : undefined}\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\n size={size}\n Component=\"span\"\n vkuiClass=\"Banner__header\"\n >\n {header}\n </BannerHeader>\n )}\n {hasReactNode(subheader) && (\n <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n {subheader}\n </SubheaderTypography>\n )}\n {hasReactNode(text) && <Text 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 === IOS ? (\n mode === \"image\" ? (\n <Icon24DismissDark />\n ) : (\n <Icon24DismissSubstract />\n )\n ) : (\n <Icon24Cancel />\n )}\n </IconButton>\n )}\n </div>\n )}\n </Tappable>\n </section>\n );\n};\n"],"file":"Banner.js"}
1
+ {"version":3,"sources":["../../../../src/components/Banner/Banner.tsx"],"names":["Banner","mode","imageTheme","size","before","asideMode","header","subheader","text","children","background","actions","onDismiss","dismissLabel","restProps","platform","HeaderTypography","Title","Headline","SubheaderTypography","Text","Subhead","IconDismissIOS","Icon24DismissDark","Icon24DismissSubstract","content","React","Children","count","IOS"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { IOS } from \"../../lib/platform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport {\n Icon24Chevron,\n Icon24DismissSubstract,\n Icon24DismissDark,\n Icon24Cancel,\n} 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\n/**\n * @see https://vkcom.github.io/VKUI/#/Banner\n */\nexport const Banner = ({\n mode = \"tint\",\n imageTheme = \"dark\",\n size = \"s\",\n before,\n asideMode,\n header,\n subheader,\n text,\n children,\n background,\n actions,\n onDismiss,\n dismissLabel = \"Скрыть\",\n ...restProps\n}: BannerProps) => {\n const platform = usePlatform();\n\n const HeaderTypography = size === \"m\" ? Title : Headline;\n const SubheaderTypography = size === \"m\" ? Text : Subhead;\n\n const IconDismissIOS =\n mode === \"image\" ? Icon24DismissDark : Icon24DismissSubstract;\n\n const content = (\n <React.Fragment>\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 <HeaderTypography\n Component=\"span\"\n vkuiClass=\"Banner__header\"\n weight=\"2\"\n level={size === \"m\" ? \"2\" : \"1\"}\n >\n {header}\n </HeaderTypography>\n )}\n {hasReactNode(subheader) && (\n <SubheaderTypography Component=\"span\" vkuiClass=\"Banner__subheader\">\n {subheader}\n </SubheaderTypography>\n )}\n {hasReactNode(text) && <Text vkuiClass=\"Banner__text\">{text}</Text>}\n {hasReactNode(actions) && React.Children.count(actions) > 0 && (\n <div vkuiClass=\"Banner__actions\">{actions}</div>\n )}\n </div>\n </React.Fragment>\n );\n\n return (\n <section\n {...restProps}\n vkuiClass={classNames(\n \"Banner\",\n platform === IOS && \"Banner--ios\",\n `Banner--md-${mode}`,\n `Banner--sz-${size}`,\n mode === \"image\" && imageTheme === \"dark\" && \"Banner--inverted\"\n )}\n >\n {asideMode === \"expand\" ? (\n <Tappable\n vkuiClass=\"Banner__in\"\n activeMode={platform === IOS ? \"opacity\" : \"background\"}\n role=\"button\"\n >\n {content}\n\n <div vkuiClass=\"Banner__aside\">\n <Icon24Chevron />\n </div>\n </Tappable>\n ) : (\n <div vkuiClass=\"Banner__in\">\n {content}\n\n {asideMode === \"dismiss\" && (\n <div vkuiClass=\"Banner__aside\">\n <IconButton\n aria-label={dismissLabel}\n vkuiClass=\"Banner__dismiss\"\n onClick={onDismiss}\n hoverMode=\"opacity\"\n hasActive={false}\n >\n {platform === IOS ? <IconDismissIOS /> : <Icon24Cancel />}\n </IconButton>\n </div>\n )}\n </div>\n )}\n </section>\n );\n};\n"],"file":"Banner.js"}
@@ -76,9 +76,8 @@ var PanelHeaderContent = function PanelHeaderContent(_ref2) {
76
76
  hasActive: platform === _platform.IOS,
77
77
  activeMode: "opacity"
78
78
  }) : {};
79
- var baseClassNames = (0, _getClassName.getClassName)("PanelHeaderContent", platform);
80
79
  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, rootProps, {
81
- vkuiClass: baseClassNames,
80
+ vkuiClass: (0, _getClassName.getClassName)("PanelHeaderContent", platform),
82
81
  style: style,
83
82
  className: className
84
83
  }), (0, _utils.hasReactNode)(before) && (0, _jsxRuntime.createScopedElement)("div", {
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["PanelHeaderChildren","platform","hasStatus","hasBefore","children","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode","baseClassNames"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;AAAA,MAJ9BC,QAI8B,QAJ9BA,QAI8B;AAAA,MAH9BC,SAG8B,QAH9BA,SAG8B;AAAA,MAF9BC,SAE8B,QAF9BA,SAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;;AAC9B,MAAIH,QAAQ,KAAKI,mBAASC,KAA1B,EAAiC;AAC/B,WACE,qCAAC,UAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGF,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BR,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BS,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGG,kBAAH,GAAc,KAAzC;AACA,MAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMb,QAAQ,GAAG,+BAAjB;AACA,MAAMiB,OAAO,GAAGL,OAAO,+DAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBM,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEnB,QAAQ,KAAKoB,aALP;AAMjBC,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AASA,MAAMC,cAAc,GAAG,gCAAa,oBAAb,EAAmCtB,QAAnC,CAAvB;AAEA,SACE,uEACMgB,SADN;AAEE,IAAA,SAAS,EAAEM,cAFb;AAGE,IAAA,KAAK,EAAEd,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMG,yBAAaI,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,qCAAC,WAAD,6BAAiBM,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACG,yBAAaP,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAiDA,MAAjD,CAFJ,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,mBAAD;AACE,IAAA,QAAQ,EAAEV,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAaU,MAAb,CAFb;AAGE,IAAA,SAAS,EAAE,yBAAaC,MAAb;AAHb,KAKGR,QALH,CADF,EAQG,yBAAaM,KAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAJF,EAgBG,yBAAaE,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAhB3B,CATF,CADF;AA8BD,CAtDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n aside?: React.ReactNode;\n before?: React.ReactNode;\n status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n hasStatus: boolean;\n hasBefore: boolean;\n children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n platform,\n hasStatus,\n hasBefore,\n children,\n}: PanelHeaderChildrenProps) => {\n if (platform === Platform.VKCOM) {\n return (\n <Text Component=\"div\" weight=\"2\">\n {children}\n </Text>\n );\n }\n\n return hasStatus || hasBefore ? (\n <Headline Component=\"div\" weight=\"2\">\n {children}\n </Headline>\n ) : (\n <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n className,\n style,\n aside,\n status,\n before,\n children,\n onClick,\n ...restProps\n}: PanelHeaderContentProps) => {\n const InComponent = onClick ? Tappable : \"div\";\n const rootProps = onClick ? {} : restProps;\n const platform = usePlatform();\n const inProps = onClick\n ? {\n ...restProps,\n onClick,\n activeEffectDelay: 200,\n hasActive: platform === IOS,\n activeMode: \"opacity\",\n }\n : {};\n const baseClassNames = getClassName(\"PanelHeaderContent\", platform);\n\n return (\n <div\n {...rootProps}\n vkuiClass={baseClassNames}\n style={style}\n className={className}\n >\n {hasReactNode(before) && (\n <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n )}\n <InComponent {...inProps} vkuiClass=\"PanelHeaderContent__in\">\n {hasReactNode(status) && (\n <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n )}\n <div vkuiClass=\"PanelHeaderContent__children\">\n <PanelHeaderChildren\n platform={platform}\n hasStatus={hasReactNode(status)}\n hasBefore={hasReactNode(before)}\n >\n {children}\n </PanelHeaderChildren>\n {hasReactNode(aside) && (\n <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n )}\n </div>\n {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n </InComponent>\n </div>\n );\n};\n"],"file":"PanelHeaderContent.js"}
1
+ {"version":3,"sources":["../../../../src/components/PanelHeaderContent/PanelHeaderContent.tsx"],"names":["PanelHeaderChildren","platform","hasStatus","hasBefore","children","Platform","VKCOM","PanelHeaderContent","className","style","aside","status","before","onClick","restProps","InComponent","Tappable","rootProps","inProps","activeEffectDelay","hasActive","IOS","activeMode"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAiBA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAKI;AAAA,MAJ9BC,QAI8B,QAJ9BA,QAI8B;AAAA,MAH9BC,SAG8B,QAH9BA,SAG8B;AAAA,MAF9BC,SAE8B,QAF9BA,SAE8B;AAAA,MAD9BC,QAC8B,QAD9BA,QAC8B;;AAC9B,MAAIH,QAAQ,KAAKI,mBAASC,KAA1B,EAAiC;AAC/B,WACE,qCAAC,UAAD;AAAM,MAAA,SAAS,EAAC,KAAhB;AAAsB,MAAA,MAAM,EAAC;AAA7B,OACGF,QADH,CADF;AAKD;;AAED,SAAOF,SAAS,IAAIC,SAAb,GACL,qCAAC,kBAAD;AAAU,IAAA,SAAS,EAAC,KAApB;AAA0B,IAAA,MAAM,EAAC;AAAjC,KACGC,QADH,CADK,GAKL;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkDA,QAAlD,CALF;AAOD,CArBD;AAuBA;AACA;AACA;;;AACO,IAAMG,kBAAkB,GAAG,SAArBA,kBAAqB,QASH;AAAA,MAR7BC,SAQ6B,SAR7BA,SAQ6B;AAAA,MAP7BC,KAO6B,SAP7BA,KAO6B;AAAA,MAN7BC,KAM6B,SAN7BA,KAM6B;AAAA,MAL7BC,MAK6B,SAL7BA,MAK6B;AAAA,MAJ7BC,MAI6B,SAJ7BA,MAI6B;AAAA,MAH7BR,QAG6B,SAH7BA,QAG6B;AAAA,MAF7BS,OAE6B,SAF7BA,OAE6B;AAAA,MAD1BC,SAC0B;AAC7B,MAAMC,WAAW,GAAGF,OAAO,GAAGG,kBAAH,GAAc,KAAzC;AACA,MAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAH,GAAQC,SAAjC;AACA,MAAMb,QAAQ,GAAG,+BAAjB;AACA,MAAMiB,OAAO,GAAGL,OAAO,+DAEdC,SAFc;AAGjBD,IAAAA,OAAO,EAAPA,OAHiB;AAIjBM,IAAAA,iBAAiB,EAAE,GAJF;AAKjBC,IAAAA,SAAS,EAAEnB,QAAQ,KAAKoB,aALP;AAMjBC,IAAAA,UAAU,EAAE;AANK,OAQnB,EARJ;AAUA,SACE,uEACML,SADN;AAEE,IAAA,SAAS,EAAE,gCAAa,oBAAb,EAAmChB,QAAnC,CAFb;AAGE,IAAA,KAAK,EAAEQ,KAHT;AAIE,IAAA,SAAS,EAAED;AAJb,MAMG,yBAAaI,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA6CA,MAA7C,CAPJ,EASE,qCAAC,WAAD,6BAAiBM,OAAjB;AAA0B,IAAA,SAAS,EAAC;AAApC,MACG,yBAAaP,MAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC;AAAnB,KAAiDA,MAAjD,CAFJ,EAIE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,qCAAC,mBAAD;AACE,IAAA,QAAQ,EAAEV,QADZ;AAEE,IAAA,SAAS,EAAE,yBAAaU,MAAb,CAFb;AAGE,IAAA,SAAS,EAAE,yBAAaC,MAAb;AAHb,KAKGR,QALH,CADF,EAQG,yBAAaM,KAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4CA,KAA5C,CATJ,CAJF,EAgBG,yBAAaE,MAAb,KAAwB;AAAK,IAAA,SAAS,EAAC;AAAf,IAhB3B,CATF,CADF;AA8BD,CArDM","sourcesContent":["import * as React from \"react\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Tappable } from \"../Tappable/Tappable\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport { IOS, Platform } from \"../../lib/platform\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { HasPlatform } from \"../../types\";\nimport \"./PanelHeaderContent.css\";\n\nexport interface PanelHeaderContentProps\n extends React.HTMLAttributes<HTMLDivElement> {\n aside?: React.ReactNode;\n before?: React.ReactNode;\n status?: React.ReactNode;\n}\n\ninterface PanelHeaderChildrenProps extends HasPlatform {\n hasStatus: boolean;\n hasBefore: boolean;\n children?: React.ReactNode;\n}\n\nconst PanelHeaderChildren = ({\n platform,\n hasStatus,\n hasBefore,\n children,\n}: PanelHeaderChildrenProps) => {\n if (platform === Platform.VKCOM) {\n return (\n <Text Component=\"div\" weight=\"2\">\n {children}\n </Text>\n );\n }\n\n return hasStatus || hasBefore ? (\n <Headline Component=\"div\" weight=\"2\">\n {children}\n </Headline>\n ) : (\n <div vkuiClass=\"PanelHeaderContent__children-in\">{children}</div>\n );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/PanelHeaderContent\n */\nexport const PanelHeaderContent = ({\n className,\n style,\n aside,\n status,\n before,\n children,\n onClick,\n ...restProps\n}: PanelHeaderContentProps) => {\n const InComponent = onClick ? Tappable : \"div\";\n const rootProps = onClick ? {} : restProps;\n const platform = usePlatform();\n const inProps = onClick\n ? {\n ...restProps,\n onClick,\n activeEffectDelay: 200,\n hasActive: platform === IOS,\n activeMode: \"opacity\",\n }\n : {};\n\n return (\n <div\n {...rootProps}\n vkuiClass={getClassName(\"PanelHeaderContent\", platform)}\n style={style}\n className={className}\n >\n {hasReactNode(before) && (\n <div vkuiClass=\"PanelHeaderContent__before\">{before}</div>\n )}\n <InComponent {...inProps} vkuiClass=\"PanelHeaderContent__in\">\n {hasReactNode(status) && (\n <Caption vkuiClass=\"PanelHeaderContent__status\">{status}</Caption>\n )}\n <div vkuiClass=\"PanelHeaderContent__children\">\n <PanelHeaderChildren\n platform={platform}\n hasStatus={hasReactNode(status)}\n hasBefore={hasReactNode(before)}\n >\n {children}\n </PanelHeaderChildren>\n {hasReactNode(aside) && (\n <div vkuiClass=\"PanelHeaderContent__aside\">{aside}</div>\n )}\n </div>\n {hasReactNode(before) && <div vkuiClass=\"PanelHeaderContent__width\" />}\n </InComponent>\n </div>\n );\n};\n"],"file":"PanelHeaderContent.js"}
@@ -35,10 +35,15 @@ function isPlatformAlias(platformAlias) {
35
35
 
36
36
 
37
37
  function getPlatformByQueryString(queryString) {
38
- var parsedQuery = _vkjs.querystring.parse(queryString);
39
-
40
- var platformAliasByQuery = parsedQuery["vk_platform"];
41
- return typeof platformAliasByQuery === "string" && isPlatformAlias(platformAliasByQuery) ? PLATFORM_ALIAS[platformAliasByQuery] : undefined;
38
+ try {
39
+ var parsedQuery = _vkjs.querystring.parse(queryString);
40
+
41
+ var platformAliasByQuery = parsedQuery["vk_platform"];
42
+ return typeof platformAliasByQuery === "string" && isPlatformAlias(platformAliasByQuery) ? PLATFORM_ALIAS[platformAliasByQuery] : undefined;
43
+ } catch (e) {
44
+ console.warn(e);
45
+ return undefined;
46
+ }
42
47
  }
43
48
 
44
49
  var platformByQueryString = _dom.canUseDOM ? getPlatformByQueryString(location.search) : undefined;
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/lib/platform.ts"],"names":["Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","querystring","parse","platformAliasByQuery","undefined","platformByQueryString","canUseDOM","location","search","ANDROID","IOS","platform","browserInfo","system","platformName","IS_PLATFORM_IOS","IS_PLATFORM_ANDROID"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAMZ,IAAMC,cAAc,GAAG;AACrBC,EAAAA,WAAW,EAAEF,QAAQ,CAACG;AADD,CAAvB;;AAIA,SAASC,eAAT,CACEC,aADF,EAEgD;AAC9C,SAAOA,aAAa,IAAIJ,cAAxB;AACD;AAED;AACA;AACA;AACA;;;AACA,SAASK,wBAAT,CAAkCC,WAAlC,EAA6E;AAC3E,MAAMC,WAAW,GAAGC,kBAAYC,KAAZ,CAAkBH,WAAlB,CAApB;;AACA,MAAMI,oBAAoB,GAAGH,WAAW,CAAC,aAAD,CAAxC;AAEA,SAAO,OAAOG,oBAAP,KAAgC,QAAhC,IACLP,eAAe,CAACO,oBAAD,CADV,GAEHV,cAAc,CAACU,oBAAD,CAFX,GAGHC,SAHJ;AAID;;AAED,IAAMC,qBAAqB,GAAGC,iBAC1BR,wBAAwB,CAACS,QAAQ,CAACC,MAAV,CADE,GAE1BJ,SAFJ;AAIO,IAAMK,OAAO,GAAGjB,QAAQ,CAACiB,OAAzB;;AACA,IAAMC,GAAG,GAAGlB,QAAQ,CAACkB,GAArB;;AACA,IAAMf,KAAK,GAAGH,QAAQ,CAACG,KAAvB;;;AAQA,SAASgB,QAAT,CAAkBC,WAAlB,EAA2D;AAChE,MAAIP,qBAAJ,EAA2B;AACzB,WAAOA,qBAAP;AACD;;AAED,MAAI,CAACO,WAAL,EAAkB;AAChBA,IAAAA,WAAW,GAAG,kCAAd;AACD;;AAED,SAAOA,WAAW,CAACC,MAAZ,KAAuB,KAAvB,GAA+BH,GAA/B,GAAqCD,OAA5C;AACD;;AAED,IAAMK,YAAY,GAAGH,QAAQ,EAA7B;AAEA;AACA;AACA;;AACO,IAAMI,eAAwB,GAAGD,YAAY,KAAKJ,GAAlD;AACP;AACA;AACA;;;AACO,IAAMM,mBAA4B,GAAGF,YAAY,KAAKL,OAAtD","sourcesContent":["import { BrowserInfo, computeBrowserInfo } from \"./browser\";\nimport { querystring } from \"@vkontakte/vkjs\";\nimport { canUseDOM } from \"./dom\";\n\nexport enum Platform {\n ANDROID = \"android\",\n IOS = \"ios\",\n VKCOM = \"vkcom\",\n}\n\nconst PLATFORM_ALIAS = {\n desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(\n platformAlias: string\n): platformAlias is keyof typeof PLATFORM_ALIAS {\n return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n const parsedQuery = querystring.parse(queryString);\n const platformAliasByQuery = parsedQuery[\"vk_platform\"];\n\n return typeof platformAliasByQuery === \"string\" &&\n isPlatformAlias(platformAliasByQuery)\n ? PLATFORM_ALIAS[platformAliasByQuery]\n : undefined;\n}\n\nconst platformByQueryString = canUseDOM\n ? getPlatformByQueryString(location.search)\n : undefined;\n\nexport const ANDROID = Platform.ANDROID;\nexport const IOS = Platform.IOS;\nexport const VKCOM = Platform.VKCOM;\n\nexport type PlatformType =\n | Platform.ANDROID\n | Platform.IOS\n | Platform.VKCOM\n | string;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n if (platformByQueryString) {\n return platformByQueryString;\n }\n\n if (!browserInfo) {\n browserInfo = computeBrowserInfo();\n }\n\n return browserInfo.system === \"ios\" ? IOS : ANDROID;\n}\n\nconst platformName = platform();\n\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_IOS: boolean = platformName === IOS;\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_ANDROID: boolean = platformName === ANDROID;\n"],"file":"platform.js"}
1
+ {"version":3,"sources":["../../../src/lib/platform.ts"],"names":["Platform","PLATFORM_ALIAS","desktop_web","VKCOM","isPlatformAlias","platformAlias","getPlatformByQueryString","queryString","parsedQuery","querystring","parse","platformAliasByQuery","undefined","e","console","warn","platformByQueryString","canUseDOM","location","search","ANDROID","IOS","platform","browserInfo","system","platformName","IS_PLATFORM_IOS","IS_PLATFORM_ANDROID"],"mappings":";;;;;;;;AAAA;;AACA;;AACA;;IAEYA,Q;;;WAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;AAAAA,EAAAA,Q;GAAAA,Q,wBAAAA,Q;;AAMZ,IAAMC,cAAc,GAAG;AACrBC,EAAAA,WAAW,EAAEF,QAAQ,CAACG;AADD,CAAvB;;AAIA,SAASC,eAAT,CACEC,aADF,EAEgD;AAC9C,SAAOA,aAAa,IAAIJ,cAAxB;AACD;AAED;AACA;AACA;AACA;;;AACA,SAASK,wBAAT,CAAkCC,WAAlC,EAA6E;AAC3E,MAAI;AACF,QAAMC,WAAW,GAAGC,kBAAYC,KAAZ,CAAkBH,WAAlB,CAApB;;AACA,QAAMI,oBAAoB,GAAGH,WAAW,CAAC,aAAD,CAAxC;AAEA,WAAO,OAAOG,oBAAP,KAAgC,QAAhC,IACLP,eAAe,CAACO,oBAAD,CADV,GAEHV,cAAc,CAACU,oBAAD,CAFX,GAGHC,SAHJ;AAID,GARD,CAQE,OAAOC,CAAP,EAAU;AACVC,IAAAA,OAAO,CAACC,IAAR,CAAaF,CAAb;AAEA,WAAOD,SAAP;AACD;AACF;;AAED,IAAMI,qBAAqB,GAAGC,iBAC1BX,wBAAwB,CAACY,QAAQ,CAACC,MAAV,CADE,GAE1BP,SAFJ;AAIO,IAAMQ,OAAO,GAAGpB,QAAQ,CAACoB,OAAzB;;AACA,IAAMC,GAAG,GAAGrB,QAAQ,CAACqB,GAArB;;AACA,IAAMlB,KAAK,GAAGH,QAAQ,CAACG,KAAvB;;;AAQA,SAASmB,QAAT,CAAkBC,WAAlB,EAA2D;AAChE,MAAIP,qBAAJ,EAA2B;AACzB,WAAOA,qBAAP;AACD;;AAED,MAAI,CAACO,WAAL,EAAkB;AAChBA,IAAAA,WAAW,GAAG,kCAAd;AACD;;AAED,SAAOA,WAAW,CAACC,MAAZ,KAAuB,KAAvB,GAA+BH,GAA/B,GAAqCD,OAA5C;AACD;;AAED,IAAMK,YAAY,GAAGH,QAAQ,EAA7B;AAEA;AACA;AACA;;AACO,IAAMI,eAAwB,GAAGD,YAAY,KAAKJ,GAAlD;AACP;AACA;AACA;;;AACO,IAAMM,mBAA4B,GAAGF,YAAY,KAAKL,OAAtD","sourcesContent":["import { BrowserInfo, computeBrowserInfo } from \"./browser\";\nimport { querystring } from \"@vkontakte/vkjs\";\nimport { canUseDOM } from \"./dom\";\n\nexport enum Platform {\n ANDROID = \"android\",\n IOS = \"ios\",\n VKCOM = \"vkcom\",\n}\n\nconst PLATFORM_ALIAS = {\n desktop_web: Platform.VKCOM,\n};\n\nfunction isPlatformAlias(\n platformAlias: string\n): platformAlias is keyof typeof PLATFORM_ALIAS {\n return platformAlias in PLATFORM_ALIAS;\n}\n\n/**\n * Значение, которое передаётся в качестве query-параметра при открытии VK Mini Apps\n * @see {@link https://dev.vk.com/mini-apps/development/launch-params#vk_platform vk_platform}\n */\nfunction getPlatformByQueryString(queryString: string): Platform | undefined {\n try {\n const parsedQuery = querystring.parse(queryString);\n const platformAliasByQuery = parsedQuery[\"vk_platform\"];\n\n return typeof platformAliasByQuery === \"string\" &&\n isPlatformAlias(platformAliasByQuery)\n ? PLATFORM_ALIAS[platformAliasByQuery]\n : undefined;\n } catch (e) {\n console.warn(e);\n\n return undefined;\n }\n}\n\nconst platformByQueryString = canUseDOM\n ? getPlatformByQueryString(location.search)\n : undefined;\n\nexport const ANDROID = Platform.ANDROID;\nexport const IOS = Platform.IOS;\nexport const VKCOM = Platform.VKCOM;\n\nexport type PlatformType =\n | Platform.ANDROID\n | Platform.IOS\n | Platform.VKCOM\n | string;\n\nexport function platform(browserInfo?: BrowserInfo): PlatformType {\n if (platformByQueryString) {\n return platformByQueryString;\n }\n\n if (!browserInfo) {\n browserInfo = computeBrowserInfo();\n }\n\n return browserInfo.system === \"ios\" ? IOS : ANDROID;\n}\n\nconst platformName = platform();\n\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_IOS: boolean = platformName === IOS;\n/**\n * @deprecated для определения платформы используйте withPlatform или usePlatform\n */\nexport const IS_PLATFORM_ANDROID: boolean = platformName === ANDROID;\n"],"file":"platform.js"}
@@ -1,7 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
- var _excluded = ["size"],
4
- _excluded2 = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
3
+ var _excluded = ["mode", "imageTheme", "size", "before", "asideMode", "header", "subheader", "text", "children", "background", "actions", "onDismiss", "dismissLabel"];
5
4
  import { createScopedElement } from "../../lib/jsxRuntime";
6
5
  import * as React from "react";
7
6
  import { classNames } from "../../lib/classNames";
@@ -16,62 +15,45 @@ import { Subhead } from "../Typography/Subhead/Subhead";
16
15
  import { Text } from "../Typography/Text/Text";
17
16
  import { Title } from "../Typography/Title/Title";
18
17
 
19
- var BannerHeader = function BannerHeader(_ref) {
20
- var size = _ref.size,
21
- restProps = _objectWithoutProperties(_ref, _excluded);
22
-
23
- return size === "m" ? createScopedElement(Title, _extends({
24
- level: "2",
25
- weight: "2"
26
- }, restProps)) : createScopedElement(Headline, _extends({
27
- weight: "2"
28
- }, restProps));
29
- };
30
18
  /**
31
19
  * @see https://vkcom.github.io/VKUI/#/Banner
32
20
  */
33
-
34
-
35
- export var Banner = function Banner(_ref2) {
36
- var _ref2$mode = _ref2.mode,
37
- mode = _ref2$mode === void 0 ? "tint" : _ref2$mode,
38
- _ref2$imageTheme = _ref2.imageTheme,
39
- imageTheme = _ref2$imageTheme === void 0 ? "dark" : _ref2$imageTheme,
40
- _ref2$size = _ref2.size,
41
- size = _ref2$size === void 0 ? "s" : _ref2$size,
42
- before = _ref2.before,
43
- asideMode = _ref2.asideMode,
44
- header = _ref2.header,
45
- subheader = _ref2.subheader,
46
- text = _ref2.text,
47
- children = _ref2.children,
48
- background = _ref2.background,
49
- actions = _ref2.actions,
50
- onDismiss = _ref2.onDismiss,
51
- _ref2$dismissLabel = _ref2.dismissLabel,
52
- dismissLabel = _ref2$dismissLabel === void 0 ? "Скрыть" : _ref2$dismissLabel,
53
- restProps = _objectWithoutProperties(_ref2, _excluded2);
21
+ export var Banner = function Banner(_ref) {
22
+ var _ref$mode = _ref.mode,
23
+ mode = _ref$mode === void 0 ? "tint" : _ref$mode,
24
+ _ref$imageTheme = _ref.imageTheme,
25
+ imageTheme = _ref$imageTheme === void 0 ? "dark" : _ref$imageTheme,
26
+ _ref$size = _ref.size,
27
+ size = _ref$size === void 0 ? "s" : _ref$size,
28
+ before = _ref.before,
29
+ asideMode = _ref.asideMode,
30
+ header = _ref.header,
31
+ subheader = _ref.subheader,
32
+ text = _ref.text,
33
+ children = _ref.children,
34
+ background = _ref.background,
35
+ actions = _ref.actions,
36
+ onDismiss = _ref.onDismiss,
37
+ _ref$dismissLabel = _ref.dismissLabel,
38
+ dismissLabel = _ref$dismissLabel === void 0 ? "Скрыть" : _ref$dismissLabel,
39
+ restProps = _objectWithoutProperties(_ref, _excluded);
54
40
 
55
41
  var platform = usePlatform();
42
+ var HeaderTypography = size === "m" ? Title : Headline;
56
43
  var SubheaderTypography = size === "m" ? Text : Subhead;
57
- return createScopedElement("section", _extends({}, restProps, {
58
- vkuiClass: classNames("Banner", platform === IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
59
- }), createScopedElement(Tappable, {
60
- vkuiClass: "Banner__in",
61
- activeMode: platform === IOS ? "opacity" : "background",
62
- disabled: asideMode !== "expand",
63
- role: asideMode === "expand" ? "button" : undefined
64
- }, mode === "image" && background && createScopedElement("div", {
44
+ var IconDismissIOS = mode === "image" ? Icon24DismissDark : Icon24DismissSubstract;
45
+ var content = createScopedElement(React.Fragment, null, mode === "image" && background && createScopedElement("div", {
65
46
  "aria-hidden": "true",
66
47
  vkuiClass: "Banner__bg"
67
48
  }, background), before && createScopedElement("div", {
68
49
  vkuiClass: "Banner__before"
69
50
  }, before), createScopedElement("div", {
70
51
  vkuiClass: "Banner__content"
71
- }, hasReactNode(header) && createScopedElement(BannerHeader, {
72
- size: size,
52
+ }, hasReactNode(header) && createScopedElement(HeaderTypography, {
73
53
  Component: "span",
74
- vkuiClass: "Banner__header"
54
+ vkuiClass: "Banner__header",
55
+ weight: "2",
56
+ level: size === "m" ? "2" : "1"
75
57
  }, header), hasReactNode(subheader) && createScopedElement(SubheaderTypography, {
76
58
  Component: "span",
77
59
  vkuiClass: "Banner__subheader"
@@ -79,14 +61,25 @@ export var Banner = function Banner(_ref2) {
79
61
  vkuiClass: "Banner__text"
80
62
  }, text), hasReactNode(actions) && React.Children.count(actions) > 0 && createScopedElement("div", {
81
63
  vkuiClass: "Banner__actions"
82
- }, actions)), !!asideMode && createScopedElement("div", {
64
+ }, actions)));
65
+ return createScopedElement("section", _extends({}, restProps, {
66
+ vkuiClass: classNames("Banner", platform === IOS && "Banner--ios", "Banner--md-".concat(mode), "Banner--sz-".concat(size), mode === "image" && imageTheme === "dark" && "Banner--inverted")
67
+ }), asideMode === "expand" ? createScopedElement(Tappable, {
68
+ vkuiClass: "Banner__in",
69
+ activeMode: platform === IOS ? "opacity" : "background",
70
+ role: "button"
71
+ }, content, createScopedElement("div", {
72
+ vkuiClass: "Banner__aside"
73
+ }, createScopedElement(Icon24Chevron, null))) : createScopedElement("div", {
74
+ vkuiClass: "Banner__in"
75
+ }, content, asideMode === "dismiss" && createScopedElement("div", {
83
76
  vkuiClass: "Banner__aside"
84
- }, asideMode === "expand" && createScopedElement(Icon24Chevron, null), asideMode === "dismiss" && createScopedElement(IconButton, {
77
+ }, createScopedElement(IconButton, {
85
78
  "aria-label": dismissLabel,
86
79
  vkuiClass: "Banner__dismiss",
87
80
  onClick: onDismiss,
88
81
  hoverMode: "opacity",
89
82
  hasActive: false
90
- }, platform === IOS ? mode === "image" ? createScopedElement(Icon24DismissDark, null) : createScopedElement(Icon24DismissSubstract, null) : createScopedElement(Icon24Cancel, null)))));
83
+ }, platform === IOS ? createScopedElement(IconDismissIOS, null) : createScopedElement(Icon24Cancel, null)))));
91
84
  };
92
85
  //# sourceMappingURL=Banner.js.map