@megafon/ui-shared 6.3.0 → 7.0.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/es/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/es/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/es/components/AccordionBox/AccordionBox.js +6 -49
- package/dist/es/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/es/components/AudioPlayer/AudioPlayer.js +11 -27
- package/dist/es/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioProgress.js +10 -22
- package/dist/es/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioRange.js +8 -10
- package/dist/es/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/es/components/AudioPlayer/AudioVolume.js +3 -12
- package/dist/es/components/AudioPlayer/hooks/useTrackDuration.js +4 -10
- package/dist/es/components/AudioPlayer/style/AudioPlayer.css +1 -58
- package/dist/es/components/AudioPlayer/style/AudioProgress.css +1 -35
- package/dist/es/components/AudioPlayer/style/AudioRange.css +1 -68
- package/dist/es/components/AudioPlayer/style/AudioVolume.css +1 -34
- package/dist/es/components/AudioPlayer/timerFormatUtil.js +1 -9
- package/dist/es/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/es/components/BannerBox/BannerBox.js +3 -12
- package/dist/es/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIcons.js +23 -64
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/es/components/BenefitsIcons/BenefitsIconsTile.js +9 -36
- package/dist/es/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/es/components/BenefitsIcons/helpers.js +6 -20
- package/dist/es/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
- package/dist/es/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
- package/dist/es/components/BenefitsIcons/types.d.ts +5 -6
- package/dist/es/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/es/components/BenefitsPictures/BenefitsPictures.js +19 -49
- package/dist/es/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/es/components/BenefitsPictures/helpers.js +0 -14
- package/dist/es/components/BenefitsPictures/types.d.ts +3 -4
- package/dist/es/components/BenefitsPictures/types.js +1 -0
- package/dist/es/components/BlogBox/BlogBox.css +1 -92
- package/dist/es/components/BlogBox/BlogBox.d.ts +2 -2
- package/dist/es/components/BlogBox/BlogBox.js +10 -44
- package/dist/es/components/BlogBox/components/BlogBoxTile.css +1 -197
- package/dist/es/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
- package/dist/es/components/BlogBox/components/BlogBoxTile.js +13 -20
- package/dist/es/components/BlogBox/types.d.ts +5 -5
- package/dist/es/components/BlogBox/types.js +1 -0
- package/dist/es/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/es/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/es/components/Breadcrumbs/Breadcrumbs.js +10 -39
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/es/components/Breadcrumbs/components/BreadcrumbsItem.js +11 -36
- package/dist/es/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/es/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/es/components/ButtonBanner/ButtonBanner.js +22 -53
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/es/components/ButtonLinkBox/ButtonLinkBox.js +20 -51
- package/dist/es/components/Card/Card.css +1 -354
- package/dist/es/components/Card/Card.d.ts +4 -4
- package/dist/es/components/Card/Card.js +25 -115
- package/dist/es/components/Card/types.d.ts +10 -11
- package/dist/es/components/Card/types.js +1 -0
- package/dist/es/components/CardsBox/CardsBox.js +3 -14
- package/dist/es/components/CardsBox/helpers.d.ts +2 -2
- package/dist/es/components/CardsBox/helpers.js +0 -4
- package/dist/es/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/es/components/CarouselBox/CarouselBox.js +11 -24
- package/dist/es/components/Container/Container.css +1 -3287
- package/dist/es/components/Container/Container.d.ts +7 -5
- package/dist/es/components/Container/Container.js +10 -25
- package/dist/es/components/DownloadLinks/DownloadLink.css +1 -37
- package/dist/es/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/es/components/DownloadLinks/DownloadLink.js +13 -44
- package/dist/es/components/DownloadLinks/DownloadLinks.css +1 -36
- package/dist/es/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/es/components/DownloadLinks/DownloadLinks.js +2 -13
- package/dist/es/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/es/components/FaqWrapper/FaqWrapper.js +1 -3
- package/dist/es/components/ImageBanner/ImageBanner.css +1 -252
- package/dist/es/components/ImageBanner/ImageBanner.d.ts +8 -9
- package/dist/es/components/ImageBanner/ImageBanner.js +38 -93
- package/dist/es/components/InfoCards/InfoCards.css +1 -0
- package/dist/es/components/InfoCards/InfoCards.d.ts +21 -0
- package/dist/es/components/InfoCards/InfoCards.js +39 -0
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.css +1 -0
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
- package/dist/es/components/InfoCards/components/InfoCard/InfoCard.js +79 -0
- package/dist/es/components/InfoCards/types.d.ts +26 -0
- package/dist/es/components/InfoCards/types.js +1 -0
- package/dist/es/components/Instructions/Instructions.css +1 -827
- package/dist/es/components/Instructions/Instructions.d.ts +11 -11
- package/dist/es/components/Instructions/Instructions.js +56 -96
- package/dist/es/components/NotificationBox/NotificationBox.css +1 -0
- package/dist/es/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/es/components/NotificationBox/NotificationBox.js +5 -19
- package/dist/es/components/PageTitle/PageTitle.css +1 -80
- package/dist/es/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/es/components/PageTitle/PageTitle.js +12 -37
- package/dist/es/components/Partners/Partners.css +1 -53
- package/dist/es/components/Partners/Partners.d.ts +2 -2
- package/dist/es/components/Partners/Partners.js +17 -48
- package/dist/es/components/PictureWithDescription/PictureWithDescription.css +1 -80
- package/dist/es/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/es/components/PictureWithDescription/PictureWithDescription.js +10 -28
- package/dist/es/components/Property/Property.css +1 -156
- package/dist/es/components/Property/Property.d.ts +4 -4
- package/dist/es/components/Property/Property.js +37 -81
- package/dist/es/components/Property/PropertyDescription.css +1 -17
- package/dist/es/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/es/components/Property/PropertyDescription.js +8 -28
- package/dist/es/components/Property/types.d.ts +7 -5
- package/dist/es/components/Property/types.js +1 -0
- package/dist/es/components/SidePictureCards/SidePictureCards.d.ts +22 -0
- package/dist/es/components/SidePictureCards/SidePictureCards.js +44 -0
- package/dist/es/components/SidePictureCards/components/SidePictureCard.css +1 -0
- package/dist/es/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
- package/dist/es/components/SidePictureCards/components/SidePictureCard.js +89 -0
- package/dist/es/components/SidePictureCards/types.d.ts +46 -0
- package/dist/es/components/SidePictureCards/types.js +1 -0
- package/dist/es/components/Steps/Steps.css +1 -41
- package/dist/es/components/Steps/Steps.d.ts +2 -1
- package/dist/es/components/Steps/Steps.js +4 -19
- package/dist/es/components/Steps/StepsItem.css +1 -42
- package/dist/es/components/Steps/StepsItem.d.ts +2 -2
- package/dist/es/components/Steps/StepsItem.js +2 -9
- package/dist/es/components/StoreBanner/StoreBanner.css +1 -346
- package/dist/es/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/es/components/StoreBanner/StoreBanner.js +41 -97
- package/dist/es/components/StoreButton/StoreButton.css +1 -327
- package/dist/es/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/es/components/StoreButton/StoreButton.js +13 -44
- package/dist/es/components/Table/Table.css +1 -157
- package/dist/es/components/Table/Table.d.ts +1 -1
- package/dist/es/components/Table/Table.js +31 -51
- package/dist/es/components/Table/TableCell.js +0 -6
- package/dist/es/components/Table/TableRow.js +1 -10
- package/dist/es/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/es/components/TabsBox/TabsBox.js +4 -13
- package/dist/es/components/TextBox/TextBox.css +1 -25
- package/dist/es/components/TextBox/TextBox.d.ts +2 -1
- package/dist/es/components/TextBox/TextBox.js +8 -23
- package/dist/es/components/TextBox/TextBoxPicture.css +1 -27
- package/dist/es/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/es/components/TextBox/TextBoxPicture.js +5 -14
- package/dist/es/components/TextWithIcon/TextWithIcon.css +1 -10
- package/dist/es/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/es/components/TextWithIcon/TextWithIcon.js +6 -24
- package/dist/es/components/TextWithIcon/TextWithIconItem.css +1 -29
- package/dist/es/components/TextWithIcon/TextWithIconItem.d.ts +3 -1
- package/dist/es/components/TextWithIcon/TextWithIconItem.js +11 -22
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/es/components/TitleDescriptionBox/TitleDescriptionBox.js +6 -23
- package/dist/es/components/VideoBanner/VideoBanner.css +1 -225
- package/dist/es/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/es/components/VideoBanner/VideoBanner.js +47 -110
- package/dist/es/components/VideoBlock/VideoBlock.css +1 -106
- package/dist/es/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/es/components/VideoBlock/VideoBlock.js +37 -77
- package/dist/es/helpers/getColumnConfig.d.ts +5 -1
- package/dist/es/helpers/setRelAttribute.d.ts +3 -1
- package/dist/es/helpers/setRelAttribute.js +0 -2
- package/dist/es/hooks/useResolutions.d.ts +1 -1
- package/dist/es/hooks/useResolutions.js +13 -21
- package/dist/es/index.d.ts +4 -0
- package/dist/es/index.js +4 -0
- package/dist/lib/components/AccordionBox/AccordionBox.css +1 -15
- package/dist/lib/components/AccordionBox/AccordionBox.d.ts +2 -2
- package/dist/lib/components/AccordionBox/AccordionBox.js +11 -67
- package/dist/lib/components/AudioPlayer/AudioPlayer.d.ts +2 -2
- package/dist/lib/components/AudioPlayer/AudioPlayer.js +33 -57
- package/dist/lib/components/AudioPlayer/AudioProgress.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioProgress.js +13 -44
- package/dist/lib/components/AudioPlayer/AudioRange.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioRange.js +10 -18
- package/dist/lib/components/AudioPlayer/AudioVolume.d.ts +1 -1
- package/dist/lib/components/AudioPlayer/AudioVolume.js +5 -24
- package/dist/lib/components/AudioPlayer/hooks/useTrackDuration.js +6 -17
- package/dist/lib/components/AudioPlayer/style/AudioPlayer.css +1 -58
- package/dist/lib/components/AudioPlayer/style/AudioProgress.css +1 -35
- package/dist/lib/components/AudioPlayer/style/AudioRange.css +1 -68
- package/dist/lib/components/AudioPlayer/style/AudioVolume.css +1 -34
- package/dist/lib/components/AudioPlayer/timerFormatUtil.js +2 -13
- package/dist/lib/components/BannerBox/BannerBox.d.ts +1 -1
- package/dist/lib/components/BannerBox/BannerBox.js +7 -25
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIcons.js +27 -87
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.d.ts +1 -1
- package/dist/lib/components/BenefitsIcons/BenefitsIconsTile.js +14 -54
- package/dist/lib/components/BenefitsIcons/helpers.d.ts +3 -3
- package/dist/lib/components/BenefitsIcons/helpers.js +11 -38
- package/dist/lib/components/BenefitsIcons/style/BenefitsIcons.css +1 -38
- package/dist/lib/components/BenefitsIcons/style/BenefitsIconsTile.css +1 -90
- package/dist/lib/components/BenefitsIcons/types.d.ts +5 -6
- package/dist/lib/components/BenefitsIcons/types.js +5 -8
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.d.ts +1 -1
- package/dist/lib/components/BenefitsPictures/BenefitsPictures.js +25 -72
- package/dist/lib/components/BenefitsPictures/BenfitsPictures.css +1 -43
- package/dist/lib/components/BenefitsPictures/helpers.js +10 -41
- package/dist/lib/components/BenefitsPictures/types.d.ts +3 -4
- package/dist/lib/components/BenefitsPictures/types.js +5 -1
- package/dist/lib/components/BlogBox/BlogBox.css +1 -92
- package/dist/lib/components/BlogBox/BlogBox.d.ts +2 -2
- package/dist/lib/components/BlogBox/BlogBox.js +21 -65
- package/dist/lib/components/BlogBox/components/BlogBoxTile.css +1 -197
- package/dist/lib/components/BlogBox/components/BlogBoxTile.d.ts +4 -4
- package/dist/lib/components/BlogBox/components/BlogBoxTile.js +27 -38
- package/dist/lib/components/BlogBox/types.d.ts +5 -5
- package/dist/lib/components/BlogBox/types.js +5 -1
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.css +1 -43
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.d.ts +6 -6
- package/dist/lib/components/Breadcrumbs/Breadcrumbs.js +19 -61
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.css +1 -16
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.d.ts +4 -4
- package/dist/lib/components/Breadcrumbs/components/BreadcrumbsItem.js +23 -56
- package/dist/lib/components/ButtonBanner/ButtonBanner.css +1 -122
- package/dist/lib/components/ButtonBanner/ButtonBanner.d.ts +7 -7
- package/dist/lib/components/ButtonBanner/ButtonBanner.js +41 -90
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.css +1 -19
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.d.ts +3 -3
- package/dist/lib/components/ButtonLinkBox/ButtonLinkBox.js +30 -73
- package/dist/lib/components/Card/Card.css +1 -354
- package/dist/lib/components/Card/Card.d.ts +4 -4
- package/dist/lib/components/Card/Card.js +68 -165
- package/dist/lib/components/Card/types.d.ts +10 -11
- package/dist/lib/components/Card/types.js +5 -1
- package/dist/lib/components/CardsBox/CardsBox.js +8 -32
- package/dist/lib/components/CardsBox/helpers.d.ts +2 -2
- package/dist/lib/components/CardsBox/helpers.js +2 -9
- package/dist/lib/components/CarouselBox/CarouselBox.d.ts +2 -2
- package/dist/lib/components/CarouselBox/CarouselBox.js +16 -40
- package/dist/lib/components/Container/Container.css +1 -3287
- package/dist/lib/components/Container/Container.d.ts +7 -5
- package/dist/lib/components/Container/Container.js +18 -40
- package/dist/lib/components/DownloadLinks/DownloadLink.css +1 -37
- package/dist/lib/components/DownloadLinks/DownloadLink.d.ts +1 -1
- package/dist/lib/components/DownloadLinks/DownloadLink.js +18 -61
- package/dist/lib/components/DownloadLinks/DownloadLinks.css +1 -36
- package/dist/lib/components/DownloadLinks/DownloadLinks.d.ts +3 -3
- package/dist/lib/components/DownloadLinks/DownloadLinks.js +9 -34
- package/dist/lib/components/FaqWrapper/FaqWrapper.d.ts +5 -2
- package/dist/lib/components/FaqWrapper/FaqWrapper.js +6 -9
- package/dist/lib/components/ImageBanner/ImageBanner.css +1 -252
- package/dist/lib/components/ImageBanner/ImageBanner.d.ts +8 -9
- package/dist/lib/components/ImageBanner/ImageBanner.js +63 -144
- package/dist/lib/components/InfoCards/InfoCards.css +1 -0
- package/dist/lib/components/InfoCards/InfoCards.d.ts +21 -0
- package/dist/lib/components/InfoCards/InfoCards.js +48 -0
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.css +1 -0
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.d.ts +15 -0
- package/dist/lib/components/InfoCards/components/InfoCard/InfoCard.js +88 -0
- package/dist/lib/components/InfoCards/types.d.ts +26 -0
- package/dist/lib/components/InfoCards/types.js +5 -0
- package/dist/lib/components/Instructions/Instructions.css +1 -827
- package/dist/lib/components/Instructions/Instructions.d.ts +11 -11
- package/dist/lib/components/Instructions/Instructions.js +121 -191
- package/dist/lib/components/NotificationBox/NotificationBox.css +1 -0
- package/dist/lib/components/NotificationBox/NotificationBox.d.ts +4 -4
- package/dist/lib/components/NotificationBox/NotificationBox.js +10 -38
- package/dist/lib/components/PageTitle/PageTitle.css +1 -80
- package/dist/lib/components/PageTitle/PageTitle.d.ts +2 -2
- package/dist/lib/components/PageTitle/PageTitle.js +16 -53
- package/dist/lib/components/Partners/Partners.css +1 -53
- package/dist/lib/components/Partners/Partners.d.ts +2 -2
- package/dist/lib/components/Partners/Partners.js +22 -66
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.css +1 -80
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.d.ts +4 -2
- package/dist/lib/components/PictureWithDescription/PictureWithDescription.js +16 -46
- package/dist/lib/components/Property/Property.css +1 -156
- package/dist/lib/components/Property/Property.d.ts +4 -4
- package/dist/lib/components/Property/Property.js +61 -121
- package/dist/lib/components/Property/PropertyDescription.css +1 -17
- package/dist/lib/components/Property/PropertyDescription.d.ts +3 -3
- package/dist/lib/components/Property/PropertyDescription.js +16 -47
- package/dist/lib/components/Property/types.d.ts +7 -5
- package/dist/lib/components/Property/types.js +5 -1
- package/dist/lib/components/SidePictureCards/SidePictureCards.d.ts +22 -0
- package/dist/lib/components/SidePictureCards/SidePictureCards.js +54 -0
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.css +1 -0
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.d.ts +16 -0
- package/dist/lib/components/SidePictureCards/components/SidePictureCard.js +95 -0
- package/dist/lib/components/SidePictureCards/types.d.ts +46 -0
- package/dist/lib/components/SidePictureCards/types.js +5 -0
- package/dist/lib/components/Steps/Steps.css +1 -41
- package/dist/lib/components/Steps/Steps.d.ts +2 -1
- package/dist/lib/components/Steps/Steps.js +8 -35
- package/dist/lib/components/Steps/StepsItem.css +1 -42
- package/dist/lib/components/Steps/StepsItem.d.ts +2 -2
- package/dist/lib/components/Steps/StepsItem.js +11 -23
- package/dist/lib/components/StoreBanner/StoreBanner.css +1 -346
- package/dist/lib/components/StoreBanner/StoreBanner.d.ts +5 -5
- package/dist/lib/components/StoreBanner/StoreBanner.js +48 -119
- package/dist/lib/components/StoreButton/StoreButton.css +1 -327
- package/dist/lib/components/StoreButton/StoreButton.d.ts +3 -3
- package/dist/lib/components/StoreButton/StoreButton.js +18 -64
- package/dist/lib/components/Table/Table.css +1 -157
- package/dist/lib/components/Table/Table.d.ts +1 -1
- package/dist/lib/components/Table/Table.js +36 -69
- package/dist/lib/components/Table/TableCell.js +4 -16
- package/dist/lib/components/Table/TableRow.js +5 -19
- package/dist/lib/components/TabsBox/TabBox.js +1 -4
- package/dist/lib/components/TabsBox/TabsBox.d.ts +1 -1
- package/dist/lib/components/TabsBox/TabsBox.js +8 -26
- package/dist/lib/components/TextBox/TextBox.css +1 -25
- package/dist/lib/components/TextBox/TextBox.d.ts +2 -1
- package/dist/lib/components/TextBox/TextBox.js +12 -36
- package/dist/lib/components/TextBox/TextBoxPicture.css +1 -27
- package/dist/lib/components/TextBox/TextBoxPicture.d.ts +2 -2
- package/dist/lib/components/TextBox/TextBoxPicture.js +11 -29
- package/dist/lib/components/TextWithIcon/TextWithIcon.css +1 -10
- package/dist/lib/components/TextWithIcon/TextWithIcon.d.ts +1 -1
- package/dist/lib/components/TextWithIcon/TextWithIcon.js +11 -40
- package/dist/lib/components/TextWithIcon/TextWithIconItem.css +1 -29
- package/dist/lib/components/TextWithIcon/TextWithIconItem.d.ts +3 -1
- package/dist/lib/components/TextWithIcon/TextWithIconItem.js +16 -39
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.css +1 -31
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.d.ts +1 -1
- package/dist/lib/components/TitleDescriptionBox/TitleDescriptionBox.js +11 -41
- package/dist/lib/components/VideoBanner/VideoBanner.css +1 -225
- package/dist/lib/components/VideoBanner/VideoBanner.d.ts +7 -7
- package/dist/lib/components/VideoBanner/VideoBanner.js +84 -177
- package/dist/lib/components/VideoBlock/VideoBlock.css +1 -106
- package/dist/lib/components/VideoBlock/VideoBlock.d.ts +4 -4
- package/dist/lib/components/VideoBlock/VideoBlock.js +59 -115
- package/dist/lib/constants/throttleTime.js +2 -3
- package/dist/lib/helpers/getColumnConfig.d.ts +5 -1
- package/dist/lib/helpers/getColumnConfig.js +2 -5
- package/dist/lib/helpers/setRelAttribute.d.ts +3 -1
- package/dist/lib/helpers/setRelAttribute.js +2 -7
- package/dist/lib/hooks/useResolutions.d.ts +1 -1
- package/dist/lib/hooks/useResolutions.js +15 -31
- package/dist/lib/index.d.ts +4 -0
- package/dist/lib/index.js +39 -60
- package/package.json +87 -92
- package/CHANGELOG.md +0 -4088
- package/dist/es/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/es/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/es/components/StoreBanner/doc/img/screen.png +0 -0
- package/dist/lib/components/NotificationBox/style/NotificationBox.css +0 -28
- package/dist/lib/components/StoreBanner/doc/img/android-screen.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/qr-code.png +0 -0
- package/dist/lib/components/StoreBanner/doc/img/screen.png +0 -0
@@ -1,54 +1,37 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
4
|
-
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
|
-
exports["default"] =
|
9
|
-
|
7
|
+
exports.testIdPrefix = exports["default"] = void 0;
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
11
|
-
|
12
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
13
|
-
|
14
10
|
var React = _interopRequireWildcard(require("react"));
|
15
|
-
|
16
11
|
var _uiCore = require("@megafon/ui-core");
|
17
|
-
|
18
12
|
var _uiHelpers = require("@megafon/ui-helpers");
|
19
|
-
|
20
|
-
var
|
21
|
-
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
23
|
-
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
-
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
27
|
-
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
28
16
|
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
29
|
-
|
30
17
|
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
31
|
-
var testIdPrefix = 'PropertyDescription';
|
32
|
-
exports.testIdPrefix = testIdPrefix;
|
33
|
-
var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
|
34
18
|
|
19
|
+
var testIdPrefix = exports.testIdPrefix = 'PropertyDescription';
|
20
|
+
var cn = (0, _uiHelpers.cnCreate)('mfui-property-description');
|
35
21
|
var PropertyDescription = function PropertyDescription(_ref) {
|
36
22
|
var value = _ref.value,
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
23
|
+
_ref$isCollapsible = _ref.isCollapsible,
|
24
|
+
isCollapsible = _ref$isCollapsible === void 0 ? false : _ref$isCollapsible,
|
25
|
+
_ref$classes = _ref.classes,
|
26
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
27
|
+
dataAttrs = _ref.dataAttrs;
|
43
28
|
var _React$useState = React.useState(false),
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
29
|
+
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
|
30
|
+
isOpened = _React$useState2[0],
|
31
|
+
setIsOpened = _React$useState2[1];
|
48
32
|
var handleClickDesc = React.useCallback(function () {
|
49
33
|
return setIsOpened(!isOpened);
|
50
34
|
}, [isOpened]);
|
51
|
-
|
52
35
|
if (isCollapsible) {
|
53
36
|
return /*#__PURE__*/React.createElement("div", {
|
54
37
|
className: cn([isOpened ? classes.open : undefined]),
|
@@ -63,22 +46,8 @@ var PropertyDescription = function PropertyDescription(_ref) {
|
|
63
46
|
className: cn('collapse', classes.toggle)
|
64
47
|
}), isOpened ? 'Скрыть' : 'Подробнее'));
|
65
48
|
}
|
66
|
-
|
67
49
|
return /*#__PURE__*/React.createElement("div", {
|
68
50
|
className: cn()
|
69
51
|
}, value);
|
70
52
|
};
|
71
|
-
|
72
|
-
PropertyDescription.propTypes = {
|
73
|
-
value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired,
|
74
|
-
isCollapsible: _propTypes["default"].bool,
|
75
|
-
classes: _propTypes["default"].shape({
|
76
|
-
open: _propTypes["default"].string,
|
77
|
-
toggle: _propTypes["default"].string
|
78
|
-
}),
|
79
|
-
dataAttrs: _propTypes["default"].shape({
|
80
|
-
moreLink: _propTypes["default"].objectOf(_propTypes["default"].string.isRequired)
|
81
|
-
})
|
82
|
-
};
|
83
|
-
var _default = PropertyDescription;
|
84
|
-
exports["default"] = _default;
|
53
|
+
var _default = exports["default"] = PropertyDescription;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
export
|
2
|
+
export type DescriptionType = {
|
3
3
|
value: string | React.ReactNode[];
|
4
4
|
isCollapsible?: boolean;
|
5
5
|
classes?: {
|
@@ -10,10 +10,12 @@ export declare type Desc = {
|
|
10
10
|
moreLink?: Record<string, string>;
|
11
11
|
};
|
12
12
|
};
|
13
|
-
export
|
14
|
-
|
15
|
-
|
16
|
-
|
13
|
+
export type TitleSizeType = 'default' | 'big';
|
14
|
+
export type ValueFrameColor = 'none' | 'default' | 'gray';
|
15
|
+
export type Item = {
|
16
|
+
title?: React.ReactNode[];
|
17
|
+
titleSize?: TitleSizeType;
|
18
|
+
description?: DescriptionType[];
|
17
19
|
value?: string | React.ReactNode;
|
18
20
|
valueUnit?: string;
|
19
21
|
valueFrameColor?: 'none' | 'default' | 'gray';
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { BackgroundType, CardDataType } from './types';
|
3
|
+
export interface ISidePictureCards {
|
4
|
+
/** Карточки. Минимальное количество 2 карточки */
|
5
|
+
items: CardDataType[];
|
6
|
+
/** Цвет фона карточек */
|
7
|
+
background?: BackgroundType;
|
8
|
+
/** Дополнительный класс для компонента */
|
9
|
+
className?: string;
|
10
|
+
/** Дополнительные классы для внутренних элементов */
|
11
|
+
classes?: {
|
12
|
+
root?: string;
|
13
|
+
item?: string;
|
14
|
+
};
|
15
|
+
/** Дополнительные data атрибуты к внутренним элементам */
|
16
|
+
dataAttrs?: {
|
17
|
+
root?: Record<string, string>;
|
18
|
+
item?: Record<string, string>;
|
19
|
+
};
|
20
|
+
}
|
21
|
+
declare const SidePictureCards: React.FC<ISidePictureCards>;
|
22
|
+
export default SidePictureCards;
|
@@ -0,0 +1,54 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
require("core-js/modules/es.array.concat.js");
|
10
|
+
require("core-js/modules/es.array.map.js");
|
11
|
+
var React = _interopRequireWildcard(require("react"));
|
12
|
+
var _uiCore = require("@megafon/ui-core");
|
13
|
+
var _uiHelpers = require("@megafon/ui-helpers");
|
14
|
+
var _SidePictureCard = _interopRequireDefault(require("./components/SidePictureCard"));
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
18
|
+
var MIN_ITEMS_COUNT = 2;
|
19
|
+
var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-cards');
|
20
|
+
var SidePictureCards = function SidePictureCards(_ref) {
|
21
|
+
var items = _ref.items,
|
22
|
+
_ref$background = _ref.background,
|
23
|
+
background = _ref$background === void 0 ? 'gray' : _ref$background,
|
24
|
+
className = _ref.className,
|
25
|
+
_ref$classes = _ref.classes,
|
26
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
27
|
+
dataAttrs = _ref.dataAttrs;
|
28
|
+
if (items.length < MIN_ITEMS_COUNT) {
|
29
|
+
return null;
|
30
|
+
}
|
31
|
+
return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
|
32
|
+
className: cn([className, classes.root])
|
33
|
+
}), /*#__PURE__*/React.createElement(_uiCore.Grid, {
|
34
|
+
className: cn(),
|
35
|
+
guttersLeft: "medium",
|
36
|
+
guttersBottom: "medium"
|
37
|
+
}, items.map(function (item, i) {
|
38
|
+
return /*#__PURE__*/React.createElement(_uiCore.GridColumn, {
|
39
|
+
all: "6",
|
40
|
+
mobile: "12",
|
41
|
+
key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i)
|
42
|
+
}, /*#__PURE__*/React.createElement(_SidePictureCard["default"], (0, _extends2["default"])({}, item, {
|
43
|
+
background: background,
|
44
|
+
key: "".concat(item === null || item === void 0 ? void 0 : item.title, "_").concat(i),
|
45
|
+
classes: {
|
46
|
+
root: classes.item
|
47
|
+
},
|
48
|
+
dataAttrs: {
|
49
|
+
root: (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.item, i + 1))
|
50
|
+
}
|
51
|
+
})));
|
52
|
+
})));
|
53
|
+
};
|
54
|
+
var _default = exports["default"] = SidePictureCards;
|
@@ -0,0 +1 @@
|
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-side-picture-card{background-color:var(--base);border-radius:24px;color:var(--content);display:grid;gap:20px;grid-template-columns:auto;grid-template-rows:1fr auto;min-height:100%;padding:12px;text-decoration:none;-webkit-transition:background-color,-webkit-box-shadow;transition:background-color,-webkit-box-shadow;transition:background-color,box-shadow;transition:background-color,box-shadow,-webkit-box-shadow;-webkit-transition-duration:.3s;transition-duration:.3s}@media screen and (min-width:1280px){.mfui-side-picture-card{grid-template-columns:1fr 1fr;grid-template-rows:none}}.mfui-side-picture-card:hover{text-decoration:none}.mfui-side-picture-card__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:12px}@media screen and (min-width:1280px){.mfui-side-picture-card__content{padding:12px 0 12px 12px}}.mfui-side-picture-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:16px}@media screen and (min-width:1280px){.mfui-side-picture-card__title{margin-bottom:24px}}.mfui-side-picture-card__items{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-bottom:auto}@media screen and (min-width:1280px){.mfui-side-picture-card__items{gap:16px}}.mfui-side-picture-card__item{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.mfui-side-picture-card__item-icon{display:block;max-height:32px;min-width:32px;width:32px}.mfui-side-picture-card__item-icon svg{display:block;height:100%;width:100%;fill:var(--brandGreen)}.mfui-side-picture-card__item-description{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-side-picture-card__item-text{font-size:15px;font-weight:400;-webkit-line-clamp:3}.mfui-side-picture-card__item-info,.mfui-side-picture-card__item-text{display:-webkit-box;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical}.mfui-side-picture-card__item-info{font-size:18px;font-weight:500;letter-spacing:.5px;-webkit-line-clamp:2}@media screen and (min-width:1280px){.mfui-side-picture-card__item-info{font-size:20px;line-height:28px}}.mfui-side-picture-card__button{margin-top:32px}.mfui-side-picture-card__picture{height:172px;position:relative}@media screen and (min-width:768px) and (max-width:1023px){.mfui-side-picture-card__picture{height:197px}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-side-picture-card__picture{height:270px}}@media screen and (min-width:1280px){.mfui-side-picture-card__picture{height:100%}}.mfui-side-picture-card__image{border-radius:24px;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%}.mfui-side-picture-card_active:hover:not(.mfui-side-picture-card_background_gray){-webkit-box-shadow:0 8px 28px rgba(0,0,0,.1);box-shadow:0 8px 28px rgba(0,0,0,.1)}.mfui-side-picture-card_background_gray{background-color:var(--spbSky0)}.mfui-side-picture-card_background_gray.mfui-side-picture-card_active:hover{background-color:var(--spbSky1)}
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { BackgroundType, CardDataType } from '../types';
|
3
|
+
import './SidePictureCard.scss';
|
4
|
+
export type SidePictureCardType = CardDataType & {
|
5
|
+
background: BackgroundType;
|
6
|
+
classes?: {
|
7
|
+
root?: string;
|
8
|
+
button?: string;
|
9
|
+
};
|
10
|
+
dataAttrs?: {
|
11
|
+
root?: Record<string, string>;
|
12
|
+
button?: Record<string, string>;
|
13
|
+
};
|
14
|
+
};
|
15
|
+
declare const SidePictureCard: React.FC<SidePictureCardType>;
|
16
|
+
export default SidePictureCard;
|
@@ -0,0 +1,95 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports["default"] = void 0;
|
7
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
8
|
+
require("core-js/modules/es.array.concat.js");
|
9
|
+
require("core-js/modules/es.array.map.js");
|
10
|
+
require("core-js/modules/es.array.slice.js");
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
12
|
+
var _uiCore = require("@megafon/ui-core");
|
13
|
+
var _uiHelpers = require("@megafon/ui-helpers");
|
14
|
+
var _setRelAttribute = require("../../../helpers/setRelAttribute");
|
15
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
16
|
+
var MAX_ICON_ITEMS_COUNT = 4;
|
17
|
+
var cn = (0, _uiHelpers.cnCreate)('mfui-side-picture-card');
|
18
|
+
var SidePictureCard = function SidePictureCard(_ref) {
|
19
|
+
var background = _ref.background,
|
20
|
+
title = _ref.title,
|
21
|
+
image = _ref.image,
|
22
|
+
_ref$iconItems = _ref.iconItems,
|
23
|
+
iconItems = _ref$iconItems === void 0 ? [] : _ref$iconItems,
|
24
|
+
_ref$button = _ref.button,
|
25
|
+
button = _ref$button === void 0 ? {} : _ref$button,
|
26
|
+
href = _ref.href,
|
27
|
+
target = _ref.target,
|
28
|
+
rel = _ref.rel,
|
29
|
+
_ref$classes = _ref.classes,
|
30
|
+
classes = _ref$classes === void 0 ? {} : _ref$classes,
|
31
|
+
dataAttrs = _ref.dataAttrs;
|
32
|
+
var buttonTitle = button.title,
|
33
|
+
buttonHref = button.href,
|
34
|
+
buttonTarget = button.target,
|
35
|
+
buttonRel = button.rel;
|
36
|
+
var isLink = !!href && !buttonHref;
|
37
|
+
var ElementType = isLink ? 'a' : 'div';
|
38
|
+
var currentRel = (0, _setRelAttribute.setRelAttribute)(rel, target);
|
39
|
+
var currentButtonRel = (0, _setRelAttribute.setRelAttribute)(buttonRel, buttonTarget);
|
40
|
+
var visibleIconItems = iconItems.slice(0, MAX_ICON_ITEMS_COUNT);
|
41
|
+
var items = visibleIconItems.map(function (item, i) {
|
42
|
+
var icon = item.icon,
|
43
|
+
_item$text = item.text,
|
44
|
+
text = _item$text === void 0 ? '' : _item$text,
|
45
|
+
_item$info = item.info,
|
46
|
+
info = _item$info === void 0 ? '' : _item$info;
|
47
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
48
|
+
className: cn('item'),
|
49
|
+
key: "".concat(text || info, "_").concat(i)
|
50
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
51
|
+
className: cn('item-icon')
|
52
|
+
}, icon), /*#__PURE__*/_react["default"].createElement("div", {
|
53
|
+
className: cn('item-description')
|
54
|
+
}, !!text && /*#__PURE__*/_react["default"].createElement("div", {
|
55
|
+
className: cn('item-text')
|
56
|
+
}, (0, _uiHelpers.convert)(text, {})), !!info && /*#__PURE__*/_react["default"].createElement("div", {
|
57
|
+
className: cn('item-info')
|
58
|
+
}, (0, _uiHelpers.convert)(info, {}))));
|
59
|
+
});
|
60
|
+
return /*#__PURE__*/_react["default"].createElement(ElementType, (0, _extends2["default"])({
|
61
|
+
className: cn({
|
62
|
+
background: background,
|
63
|
+
active: isLink
|
64
|
+
}, [classes.root])
|
65
|
+
}, dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root, {
|
66
|
+
href: href,
|
67
|
+
target: isLink ? target : undefined,
|
68
|
+
rel: isLink ? currentRel : undefined
|
69
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
70
|
+
className: cn('content')
|
71
|
+
}, !!title && /*#__PURE__*/_react["default"].createElement(_uiCore.Header, {
|
72
|
+
className: cn('title'),
|
73
|
+
as: "h3"
|
74
|
+
}, (0, _uiHelpers.convert)(title, {})), /*#__PURE__*/_react["default"].createElement("div", {
|
75
|
+
className: cn('items')
|
76
|
+
}, items), !!buttonTitle && /*#__PURE__*/_react["default"].createElement(_uiCore.Button, {
|
77
|
+
className: cn('button', [classes.button]),
|
78
|
+
dataAttrs: {
|
79
|
+
root: dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.button
|
80
|
+
},
|
81
|
+
href: buttonHref,
|
82
|
+
target: buttonTarget,
|
83
|
+
rel: currentButtonRel
|
84
|
+
}, buttonTitle)), /*#__PURE__*/_react["default"].createElement("picture", {
|
85
|
+
className: cn('picture')
|
86
|
+
}, /*#__PURE__*/_react["default"].createElement("source", {
|
87
|
+
media: "(min-width: ".concat(_uiHelpers.breakpoints.DESKTOP_MIDDLE_START, "px)"),
|
88
|
+
srcSet: image.srcWide
|
89
|
+
}), /*#__PURE__*/_react["default"].createElement("img", {
|
90
|
+
className: cn('image'),
|
91
|
+
src: image.src,
|
92
|
+
alt: image.alt || 'image'
|
93
|
+
})));
|
94
|
+
};
|
95
|
+
var _default = exports["default"] = SidePictureCard;
|
@@ -0,0 +1,46 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
type TargetType = '_self' | '_blank' | '_parent' | '_top';
|
3
|
+
type ButtonType = {
|
4
|
+
/** Название */
|
5
|
+
title: string;
|
6
|
+
/** Ссылка */
|
7
|
+
href: string;
|
8
|
+
/** Атрибут ссылки target */
|
9
|
+
target?: TargetType;
|
10
|
+
/** Атрибут ссылки rel */
|
11
|
+
rel?: string;
|
12
|
+
};
|
13
|
+
type ImageType = {
|
14
|
+
/** Изображение на разрешении экрана 0-1279 */
|
15
|
+
src: string;
|
16
|
+
/** Изображение на разрешении экрана 1280+ */
|
17
|
+
srcWide: string;
|
18
|
+
/** Значение тега alt для изображения */
|
19
|
+
alt?: string;
|
20
|
+
};
|
21
|
+
type IconContentType = {
|
22
|
+
/** Иконка */
|
23
|
+
icon: React.ReactNode;
|
24
|
+
/** Текст-описание */
|
25
|
+
text?: string;
|
26
|
+
/** Дополнительная информация, значение */
|
27
|
+
info?: string;
|
28
|
+
};
|
29
|
+
export type CardDataType = {
|
30
|
+
/** Заголовок */
|
31
|
+
title?: string;
|
32
|
+
/** Изображение */
|
33
|
+
image: ImageType;
|
34
|
+
/** Список пунктов с иконками */
|
35
|
+
iconItems: IconContentType[];
|
36
|
+
/** Кнопка */
|
37
|
+
button?: ButtonType;
|
38
|
+
/** Ссылка */
|
39
|
+
href?: string;
|
40
|
+
/** Атрибут ссылки target */
|
41
|
+
target?: TargetType;
|
42
|
+
/** Атрибут ссылки rel */
|
43
|
+
rel?: string;
|
44
|
+
};
|
45
|
+
export type BackgroundType = 'white' | 'gray';
|
46
|
+
export {};
|
@@ -1,41 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-steps {
|
9
|
-
width: 66%;
|
10
|
-
margin-right: auto;
|
11
|
-
margin-left: auto;
|
12
|
-
}
|
13
|
-
@media screen and (min-width: 1280px) {
|
14
|
-
.mfui-steps {
|
15
|
-
width: 49%;
|
16
|
-
}
|
17
|
-
}
|
18
|
-
@media screen and (max-width: 767px) {
|
19
|
-
.mfui-steps {
|
20
|
-
width: 100%;
|
21
|
-
}
|
22
|
-
}
|
23
|
-
.mfui-steps__title {
|
24
|
-
margin-bottom: 40px;
|
25
|
-
}
|
26
|
-
.mfui-steps__list {
|
27
|
-
margin: 0;
|
28
|
-
padding: 0;
|
29
|
-
list-style: none;
|
30
|
-
}
|
31
|
-
.mfui-steps__item {
|
32
|
-
margin-bottom: 48px;
|
33
|
-
}
|
34
|
-
@media screen and (max-width: 767px) {
|
35
|
-
.mfui-steps__item {
|
36
|
-
margin-bottom: 24px;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
.mfui-steps__item:last-child {
|
40
|
-
margin-bottom: 0;
|
41
|
-
}
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-steps{margin-left:auto;margin-right:auto;width:66%}@media screen and (min-width:1280px){.mfui-steps{width:49%}}@media screen and (max-width:767px){.mfui-steps{width:100%}}.mfui-steps__title{margin-bottom:40px}.mfui-steps__list{list-style:none;margin:0;padding:0}.mfui-steps__item{margin-bottom:48px}@media screen and (max-width:767px){.mfui-steps__item{margin-bottom:24px}}.mfui-steps__item:last-child{margin-bottom:0}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
import './Steps.
|
2
|
+
import './Steps.scss';
|
3
3
|
export interface ISteps {
|
4
4
|
/** Дополнительный класс корневого элемента */
|
5
5
|
className?: string;
|
@@ -13,6 +13,7 @@ export interface ISteps {
|
|
13
13
|
rootRef?: React.Ref<HTMLDivElement>;
|
14
14
|
/** Заголовок */
|
15
15
|
title?: string;
|
16
|
+
children: React.ReactNode;
|
16
17
|
}
|
17
18
|
declare const Steps: React.FC<ISteps>;
|
18
19
|
export default Steps;
|
@@ -1,36 +1,23 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
function _typeof(
|
4
|
-
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
8
7
|
exports["default"] = void 0;
|
9
|
-
|
10
8
|
require("core-js/modules/es.array.map.js");
|
11
|
-
|
12
9
|
var React = _interopRequireWildcard(require("react"));
|
13
|
-
|
14
10
|
var _uiCore = require("@megafon/ui-core");
|
15
|
-
|
16
11
|
var _uiHelpers = require("@megafon/ui-helpers");
|
17
|
-
|
18
|
-
var
|
19
|
-
|
20
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
21
|
-
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
23
|
-
|
24
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
25
|
-
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
26
14
|
var cn = (0, _uiHelpers.cnCreate)('mfui-steps');
|
27
|
-
|
28
15
|
var Steps = function Steps(_ref) {
|
29
16
|
var className = _ref.className,
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
17
|
+
classes = _ref.classes,
|
18
|
+
title = _ref.title,
|
19
|
+
rootRef = _ref.rootRef,
|
20
|
+
children = _ref.children;
|
34
21
|
return /*#__PURE__*/React.createElement("div", {
|
35
22
|
className: cn([className]),
|
36
23
|
ref: rootRef
|
@@ -46,18 +33,4 @@ var Steps = function Steps(_ref) {
|
|
46
33
|
}, child);
|
47
34
|
})));
|
48
35
|
};
|
49
|
-
|
50
|
-
Steps.propTypes = {
|
51
|
-
className: _propTypes["default"].string,
|
52
|
-
classes: _propTypes["default"].shape({
|
53
|
-
title: _propTypes["default"].string,
|
54
|
-
list: _propTypes["default"].string,
|
55
|
-
item: _propTypes["default"].string
|
56
|
-
}),
|
57
|
-
rootRef: _propTypes["default"].oneOfType([_propTypes["default"].func, _propTypes["default"].oneOfType([_propTypes["default"].shape({
|
58
|
-
current: _propTypes["default"].elementType
|
59
|
-
}), _propTypes["default"].any])]),
|
60
|
-
title: _propTypes["default"].string
|
61
|
-
};
|
62
|
-
var _default = Steps;
|
63
|
-
exports["default"] = _default;
|
36
|
+
var _default = exports["default"] = Steps;
|
@@ -1,42 +1 @@
|
|
1
|
-
h1,
|
2
|
-
h2,
|
3
|
-
h3,
|
4
|
-
h4,
|
5
|
-
h5 {
|
6
|
-
margin: 0;
|
7
|
-
}
|
8
|
-
.mfui-steps-item {
|
9
|
-
display: -webkit-box;
|
10
|
-
display: -ms-flexbox;
|
11
|
-
display: flex;
|
12
|
-
}
|
13
|
-
.mfui-steps-item__step-number {
|
14
|
-
font-size: 15px;
|
15
|
-
line-height: 24px;
|
16
|
-
font-weight: 500;
|
17
|
-
display: -webkit-box;
|
18
|
-
display: -ms-flexbox;
|
19
|
-
display: flex;
|
20
|
-
-ms-flex-negative: 0;
|
21
|
-
flex-shrink: 0;
|
22
|
-
-webkit-box-align: center;
|
23
|
-
-ms-flex-align: center;
|
24
|
-
align-items: center;
|
25
|
-
-webkit-box-pack: center;
|
26
|
-
-ms-flex-pack: center;
|
27
|
-
justify-content: center;
|
28
|
-
width: 40px;
|
29
|
-
height: 40px;
|
30
|
-
border-radius: 50%;
|
31
|
-
color: var(--stcWhite);
|
32
|
-
background-color: var(--brandGreen);
|
33
|
-
}
|
34
|
-
.mfui-steps-item__text-wrapper {
|
35
|
-
padding-top: 8px;
|
36
|
-
padding-left: 16px;
|
37
|
-
}
|
38
|
-
.mfui-steps-item__nodes {
|
39
|
-
font-size: 15px;
|
40
|
-
line-height: 24px;
|
41
|
-
font-weight: 400;
|
42
|
-
}
|
1
|
+
h1,h2,h3,h4,h5{margin:0}.mfui-steps-item,.mfui-steps-item__step-number{display:-webkit-box;display:-ms-flexbox;display:flex}.mfui-steps-item__step-number{font-size:15px;font-weight:500;line-height:24px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:var(--brandGreen);border-radius:50%;color:var(--stcWhite);height:40px;justify-content:center;width:40px}.mfui-steps-item__text-wrapper{padding-left:16px;padding-top:8px}.mfui-steps-item__nodes{font-size:15px;font-weight:400;line-height:24px}
|
@@ -1,41 +1,29 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
4
5
|
value: true
|
5
6
|
});
|
6
7
|
exports["default"] = void 0;
|
7
|
-
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
9
|
-
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
10
9
|
var _uiCore = require("@megafon/ui-core");
|
11
|
-
|
12
10
|
var _uiHelpers = require("@megafon/ui-helpers");
|
13
|
-
|
14
|
-
var
|
15
|
-
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
17
|
-
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
18
13
|
var cn = (0, _uiHelpers.cnCreate)('mfui-steps-item');
|
19
|
-
|
20
14
|
var StepsItem = function StepsItem(_ref) {
|
21
15
|
var index = _ref.index,
|
22
|
-
|
23
|
-
return /*#__PURE__*/
|
16
|
+
text = _ref.text;
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
24
18
|
className: cn()
|
25
|
-
}, /*#__PURE__*/
|
19
|
+
}, /*#__PURE__*/React.createElement("span", {
|
26
20
|
className: cn('step-number')
|
27
|
-
}, index), /*#__PURE__*/
|
21
|
+
}, index), /*#__PURE__*/React.createElement("div", {
|
28
22
|
className: cn('text-wrapper')
|
29
|
-
}, typeof text === 'string' ? /*#__PURE__*/
|
23
|
+
}, typeof text === 'string' ? /*#__PURE__*/React.createElement(_uiCore.Paragraph, {
|
30
24
|
hasMargin: false
|
31
|
-
}, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/
|
25
|
+
}, (0, _uiHelpers.convert)(text, _uiHelpers.textConvertConfig)) : /*#__PURE__*/React.createElement("div", {
|
32
26
|
className: cn('nodes')
|
33
27
|
}, text)));
|
34
28
|
};
|
35
|
-
|
36
|
-
StepsItem.propTypes = {
|
37
|
-
index: _propTypes["default"].number.isRequired,
|
38
|
-
text: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].node)]).isRequired
|
39
|
-
};
|
40
|
-
var _default = StepsItem;
|
41
|
-
exports["default"] = _default;
|
29
|
+
var _default = exports["default"] = StepsItem;
|