@redneckz/wildless-cms-uni-blocks 0.6.44 → 0.6.46
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/bin/migration-scripts/0.6.43.js +1 -1
- package/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +154 -139
- package/bundle/bundle.umd.min.js +1 -1
- package/bundle/components/Headline/HeadlineContent.d.ts +2 -2
- package/bundle/components/Headline/headlineStyles.d.ts +7 -0
- package/bundle/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/bundle/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/bundle/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/bundle/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/bundle/model/AlignText.d.ts +2 -1
- package/bundle/model/BlockVersion.d.ts +3 -0
- package/bundle/ui-kit/Img/ImgProps.d.ts +1 -0
- package/bundle/ui-kit/Text/TextProps.d.ts +1 -1
- package/dist/components/Blocks.js +5 -3
- package/dist/components/Blocks.js.map +1 -1
- package/dist/components/Bonus/Bonus.js +1 -1
- package/dist/components/Bonus/Bonus.js.map +1 -1
- package/dist/components/BonusBenefitsBlock/BonusBenefitsBlock.js +1 -1
- package/dist/components/BonusBenefitsBlock/BonusBenefitsBlock.js.map +1 -1
- package/dist/components/CarouselCard/CarouselCard.js +1 -1
- package/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.js +1 -1
- package/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/dist/components/CarouselProductCard/CarouselProductCard.js +2 -2
- package/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/dist/components/Catalog/Catalog.js +1 -1
- package/dist/components/Catalog/Catalog.js.map +1 -1
- package/dist/components/ContactsBlock/ContactsBlock.js +1 -1
- package/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/dist/components/Gallery/GalleryCardInner.js +2 -2
- package/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/dist/components/Gallery/GalleryContainer.js +1 -1
- package/dist/components/Gallery/GalleryContainer.js.map +1 -1
- package/dist/components/GracePeriod/GracePeriod.js +1 -1
- package/dist/components/GracePeriod/GracePeriod.js.map +1 -1
- package/dist/components/Headline/Headline.js +7 -6
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.mobile.js +5 -5
- package/dist/components/Headline/Headline.mobile.js.map +1 -1
- package/dist/components/Headline/HeadlineContent.d.ts +2 -2
- package/dist/components/Headline/headlineStyles.d.ts +7 -0
- package/dist/components/Headline/headlineStyles.js +18 -0
- package/dist/components/Headline/headlineStyles.js.map +1 -0
- package/dist/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/dist/components/Headline/headlineVersionStyles.js +46 -0
- package/dist/components/Headline/headlineVersionStyles.js.map +1 -0
- package/dist/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/dist/components/HorizontalLayout/HorizontalLayout.js +23 -0
- package/dist/components/HorizontalLayout/HorizontalLayout.js.map +1 -0
- package/dist/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/dist/components/HorizontalLayout/HorizontalLayoutContent.js +2 -0
- package/dist/components/HorizontalLayout/HorizontalLayoutContent.js.map +1 -0
- package/dist/components/LinkDocs/LinkDocs.js +1 -1
- package/dist/components/LinkDocs/LinkDocs.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocs.mobile.js +1 -1
- package/dist/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/dist/components/PictureText/PictureText.js +1 -1
- package/dist/components/PictureText/PictureText.js.map +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js +1 -1
- package/dist/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/dist/components/ProductTile/ProductTile.js +1 -1
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/components/PromoTile/PromoTile.js +1 -1
- package/dist/components/PromoTile/PromoTile.js.map +1 -1
- package/dist/components/VerticalLayout/VerticalLayout.js +3 -16
- package/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/dist/model/AlignText.d.ts +2 -1
- package/dist/model/AlignText.js.map +1 -1
- package/dist/model/BlockVersion.d.ts +3 -0
- package/dist/model/BlockVersion.js +15 -1
- package/dist/model/BlockVersion.js.map +1 -1
- package/dist/services/BlockRouter/BlockRouter.js +4 -3
- package/dist/services/BlockRouter/BlockRouter.js.map +1 -1
- package/dist/services/sitemap/isTopItemActive.js +3 -1
- package/dist/services/sitemap/isTopItemActive.js.map +1 -1
- package/dist/ui-kit/Img/ImgAsPicture.js +9 -3
- package/dist/ui-kit/Img/ImgAsPicture.js.map +1 -1
- package/dist/ui-kit/Img/ImgInner.js +2 -2
- package/dist/ui-kit/Img/ImgInner.js.map +1 -1
- package/dist/ui-kit/Img/ImgProps.d.ts +1 -0
- package/dist/ui-kit/Location/Location.js +2 -2
- package/dist/ui-kit/Location/Location.js.map +1 -1
- package/dist/ui-kit/Paragraph/Paragraph.js +1 -5
- package/dist/ui-kit/Paragraph/Paragraph.js.map +1 -1
- package/dist/ui-kit/Text/TextProps.d.ts +1 -1
- package/lib/common.css +1 -1
- package/lib/components/Blocks.js +5 -3
- package/lib/components/Blocks.js.map +1 -1
- package/lib/components/Bonus/Bonus.js +1 -1
- package/lib/components/Bonus/Bonus.js.map +1 -1
- package/lib/components/BonusBenefitsBlock/BonusBenefitsBlock.js +1 -1
- package/lib/components/BonusBenefitsBlock/BonusBenefitsBlock.js.map +1 -1
- package/lib/components/CarouselCard/CarouselCard.js +1 -1
- package/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.js +1 -1
- package/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/lib/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/lib/components/Catalog/Catalog.js +1 -1
- package/lib/components/Catalog/Catalog.js.map +1 -1
- package/lib/components/ContactsBlock/ContactsBlock.js +1 -1
- package/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/lib/components/Gallery/GalleryCardInner.js +1 -1
- package/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/lib/components/Gallery/GalleryContainer.js +1 -1
- package/lib/components/Gallery/GalleryContainer.js.map +1 -1
- package/lib/components/GracePeriod/GracePeriod.js +1 -1
- package/lib/components/GracePeriod/GracePeriod.js.map +1 -1
- package/lib/components/Headline/Headline.js +7 -6
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/Headline/Headline.mobile.js +5 -5
- package/lib/components/Headline/Headline.mobile.js.map +1 -1
- package/lib/components/Headline/HeadlineContent.d.ts +2 -2
- package/lib/components/Headline/headlineStyles.d.ts +7 -0
- package/lib/components/Headline/headlineStyles.js +16 -0
- package/lib/components/Headline/headlineStyles.js.map +1 -0
- package/lib/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/lib/components/Headline/headlineVersionStyles.js +44 -0
- package/lib/components/Headline/headlineVersionStyles.js.map +1 -0
- package/lib/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/lib/components/HorizontalLayout/HorizontalLayout.fixture.d.ts +11 -0
- package/lib/components/HorizontalLayout/HorizontalLayout.js +21 -0
- package/lib/components/HorizontalLayout/HorizontalLayout.js.map +1 -0
- package/lib/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/lib/components/HorizontalLayout/HorizontalLayoutContent.js +2 -0
- package/lib/components/HorizontalLayout/HorizontalLayoutContent.js.map +1 -0
- package/lib/components/LinkDocs/LinkDocs.js +1 -1
- package/lib/components/LinkDocs/LinkDocs.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocs.mobile.js +1 -1
- package/lib/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/lib/components/PictureText/PictureText.js +1 -1
- package/lib/components/PictureText/PictureText.js.map +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js +1 -1
- package/lib/components/ProductBlock/ProductBlockInner.js.map +1 -1
- package/lib/components/ProductTile/ProductTile.js +1 -1
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/PromoTile/PromoTile.js +1 -1
- package/lib/components/PromoTile/PromoTile.js.map +1 -1
- package/lib/components/VerticalLayout/VerticalLayout.js +3 -16
- package/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/lib/model/AlignText.d.ts +2 -1
- package/lib/model/AlignText.js.map +1 -1
- package/lib/model/BlockVersion.d.ts +3 -0
- package/lib/model/BlockVersion.js +14 -0
- package/lib/model/BlockVersion.js.map +1 -1
- package/lib/services/BlockRouter/BlockRouter.js +4 -3
- package/lib/services/BlockRouter/BlockRouter.js.map +1 -1
- package/lib/services/sitemap/isTopItemActive.js +3 -1
- package/lib/services/sitemap/isTopItemActive.js.map +1 -1
- package/lib/ui-kit/Img/ImgAsPicture.js +9 -3
- package/lib/ui-kit/Img/ImgAsPicture.js.map +1 -1
- package/lib/ui-kit/Img/ImgInner.js +2 -2
- package/lib/ui-kit/Img/ImgInner.js.map +1 -1
- package/lib/ui-kit/Img/ImgProps.d.ts +1 -0
- package/lib/ui-kit/Location/Location.js +2 -2
- package/lib/ui-kit/Location/Location.js.map +1 -1
- package/lib/ui-kit/Paragraph/Paragraph.js +1 -5
- package/lib/ui-kit/Paragraph/Paragraph.js.map +1 -1
- package/lib/ui-kit/Text/TextProps.d.ts +1 -1
- package/mobile/bundle/bundle.umd.js +31 -35
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/bundle/components/Headline/HeadlineContent.d.ts +2 -2
- package/mobile/bundle/components/Headline/headlineStyles.d.ts +7 -0
- package/mobile/bundle/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/mobile/bundle/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/mobile/bundle/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/mobile/bundle/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/mobile/bundle/model/AlignText.d.ts +2 -1
- package/mobile/bundle/model/BlockVersion.d.ts +3 -0
- package/mobile/bundle/ui-kit/Img/ImgProps.d.ts +1 -0
- package/mobile/bundle/ui-kit/Text/TextProps.d.ts +1 -1
- package/mobile/dist/components/Bonus/Bonus.js +1 -1
- package/mobile/dist/components/Bonus/Bonus.js.map +1 -1
- package/mobile/dist/components/BonusBenefitsBlock/BonusBenefitsBlock.js +1 -1
- package/mobile/dist/components/BonusBenefitsBlock/BonusBenefitsBlock.js.map +1 -1
- package/mobile/dist/components/CarouselCard/CarouselCard.js +1 -1
- package/mobile/dist/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js +1 -1
- package/mobile/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js +2 -2
- package/mobile/dist/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/dist/components/Catalog/Catalog.js +1 -1
- package/mobile/dist/components/Catalog/Catalog.js.map +1 -1
- package/mobile/dist/components/ContactsBlock/ContactsBlock.js +1 -1
- package/mobile/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryCardInner.js +2 -2
- package/mobile/dist/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/dist/components/Gallery/GalleryContainer.js +1 -1
- package/mobile/dist/components/Gallery/GalleryContainer.js.map +1 -1
- package/mobile/dist/components/GracePeriod/GracePeriod.js +1 -1
- package/mobile/dist/components/GracePeriod/GracePeriod.js.map +1 -1
- package/mobile/dist/components/Headline/Headline.js +5 -5
- package/mobile/dist/components/Headline/Headline.js.map +1 -1
- package/mobile/dist/components/Headline/HeadlineContent.d.ts +2 -2
- package/mobile/dist/components/Headline/headlineStyles.d.ts +7 -0
- package/mobile/dist/components/Headline/headlineStyles.js +18 -0
- package/mobile/dist/components/Headline/headlineStyles.js.map +1 -0
- package/mobile/dist/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/mobile/dist/components/Headline/headlineVersionStyles.js +46 -0
- package/mobile/dist/components/Headline/headlineVersionStyles.js.map +1 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayout.js +23 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayout.js.map +1 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayoutContent.js +2 -0
- package/mobile/dist/components/HorizontalLayout/HorizontalLayoutContent.js.map +1 -0
- package/mobile/dist/components/LinkDocs/LinkDocs.js +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/mobile/dist/components/PictureText/PictureText.js +1 -1
- package/mobile/dist/components/PictureText/PictureText.js.map +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js +1 -1
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/components/PromoTile/PromoTile.js +1 -1
- package/mobile/dist/components/PromoTile/PromoTile.js.map +1 -1
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js +3 -16
- package/mobile/dist/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/dist/model/AlignText.d.ts +2 -1
- package/mobile/dist/model/AlignText.js.map +1 -1
- package/mobile/dist/model/BlockVersion.d.ts +3 -0
- package/mobile/dist/model/BlockVersion.js +15 -1
- package/mobile/dist/model/BlockVersion.js.map +1 -1
- package/mobile/dist/services/BlockRouter/BlockRouter.js +4 -3
- package/mobile/dist/services/BlockRouter/BlockRouter.js.map +1 -1
- package/mobile/dist/services/sitemap/isTopItemActive.js +3 -1
- package/mobile/dist/services/sitemap/isTopItemActive.js.map +1 -1
- package/mobile/dist/ui-kit/Img/ImgAsPicture.js +9 -3
- package/mobile/dist/ui-kit/Img/ImgAsPicture.js.map +1 -1
- package/mobile/dist/ui-kit/Img/ImgInner.js +2 -2
- package/mobile/dist/ui-kit/Img/ImgInner.js.map +1 -1
- package/mobile/dist/ui-kit/Img/ImgProps.d.ts +1 -0
- package/mobile/dist/ui-kit/Location/Location.js +2 -2
- package/mobile/dist/ui-kit/Location/Location.js.map +1 -1
- package/mobile/dist/ui-kit/Paragraph/Paragraph.js +1 -5
- package/mobile/dist/ui-kit/Paragraph/Paragraph.js.map +1 -1
- package/mobile/dist/ui-kit/Text/TextProps.d.ts +1 -1
- package/mobile/lib/components/Bonus/Bonus.js +1 -1
- package/mobile/lib/components/Bonus/Bonus.js.map +1 -1
- package/mobile/lib/components/BonusBenefitsBlock/BonusBenefitsBlock.js +1 -1
- package/mobile/lib/components/BonusBenefitsBlock/BonusBenefitsBlock.js.map +1 -1
- package/mobile/lib/components/CarouselCard/CarouselCard.js +1 -1
- package/mobile/lib/components/CarouselCard/CarouselCard.js.map +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js +1 -1
- package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js +1 -1
- package/mobile/lib/components/CarouselProductCard/CarouselProductCard.js.map +1 -1
- package/mobile/lib/components/Catalog/Catalog.js +1 -1
- package/mobile/lib/components/Catalog/Catalog.js.map +1 -1
- package/mobile/lib/components/ContactsBlock/ContactsBlock.js +1 -1
- package/mobile/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js +1 -1
- package/mobile/lib/components/Gallery/GalleryCardInner.js.map +1 -1
- package/mobile/lib/components/Gallery/GalleryContainer.js +1 -1
- package/mobile/lib/components/Gallery/GalleryContainer.js.map +1 -1
- package/mobile/lib/components/GracePeriod/GracePeriod.js +1 -1
- package/mobile/lib/components/GracePeriod/GracePeriod.js.map +1 -1
- package/mobile/lib/components/Headline/Headline.js +5 -5
- package/mobile/lib/components/Headline/Headline.js.map +1 -1
- package/mobile/lib/components/Headline/HeadlineContent.d.ts +2 -2
- package/mobile/lib/components/Headline/headlineStyles.d.ts +7 -0
- package/mobile/lib/components/Headline/headlineStyles.js +16 -0
- package/mobile/lib/components/Headline/headlineStyles.js.map +1 -0
- package/mobile/lib/components/Headline/headlineVersionStyles.d.ts +9 -0
- package/mobile/lib/components/Headline/headlineVersionStyles.js +44 -0
- package/mobile/lib/components/Headline/headlineVersionStyles.js.map +1 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayout.d.ts +5 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayout.js +21 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayout.js.map +1 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayoutContent.d.ts +15 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayoutContent.js +2 -0
- package/mobile/lib/components/HorizontalLayout/HorizontalLayoutContent.js.map +1 -0
- package/mobile/lib/components/LinkDocs/LinkDocs.js +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsContent.d.ts +3 -3
- package/mobile/lib/components/PictureText/PictureText.js +1 -1
- package/mobile/lib/components/PictureText/PictureText.js.map +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js +1 -1
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/components/PromoTile/PromoTile.js +1 -1
- package/mobile/lib/components/PromoTile/PromoTile.js.map +1 -1
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js +3 -16
- package/mobile/lib/components/VerticalLayout/VerticalLayout.js.map +1 -1
- package/mobile/lib/model/AlignText.d.ts +2 -1
- package/mobile/lib/model/AlignText.js.map +1 -1
- package/mobile/lib/model/BlockVersion.d.ts +3 -0
- package/mobile/lib/model/BlockVersion.js +14 -0
- package/mobile/lib/model/BlockVersion.js.map +1 -1
- package/mobile/lib/services/BlockRouter/BlockRouter.js +4 -3
- package/mobile/lib/services/BlockRouter/BlockRouter.js.map +1 -1
- package/mobile/lib/services/sitemap/isTopItemActive.js +3 -1
- package/mobile/lib/services/sitemap/isTopItemActive.js.map +1 -1
- package/mobile/lib/ui-kit/Img/ImgAsPicture.js +9 -3
- package/mobile/lib/ui-kit/Img/ImgAsPicture.js.map +1 -1
- package/mobile/lib/ui-kit/Img/ImgInner.js +2 -2
- package/mobile/lib/ui-kit/Img/ImgInner.js.map +1 -1
- package/mobile/lib/ui-kit/Img/ImgProps.d.ts +1 -0
- package/mobile/lib/ui-kit/Location/Location.js +2 -2
- package/mobile/lib/ui-kit/Location/Location.js.map +1 -1
- package/mobile/lib/ui-kit/Paragraph/Paragraph.js +1 -5
- package/mobile/lib/ui-kit/Paragraph/Paragraph.js.map +1 -1
- package/mobile/lib/ui-kit/Text/TextProps.d.ts +1 -1
- package/mobile/src/components/Bonus/Bonus.tsx +0 -1
- package/mobile/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx +0 -1
- package/mobile/src/components/CarouselCard/CarouselCard.tsx +1 -7
- package/mobile/src/components/CarouselLinks/CarouselLinks.tsx +1 -1
- package/mobile/src/components/CarouselProductCard/CarouselProductCard.tsx +1 -1
- package/mobile/src/components/Catalog/Catalog.tsx +0 -1
- package/mobile/src/components/ContactsBlock/ContactsBlock.tsx +1 -1
- package/mobile/src/components/Gallery/GalleryCardInner.tsx +1 -1
- package/mobile/src/components/Gallery/GalleryContainer.tsx +1 -1
- package/mobile/src/components/GracePeriod/GracePeriod.tsx +0 -1
- package/mobile/src/components/Headline/Headline.tsx +10 -13
- package/mobile/src/components/Headline/HeadlineContent.ts +2 -2
- package/mobile/src/components/Headline/headlineStyles.ts +25 -0
- package/mobile/src/components/Headline/headlineVersionStyles.ts +55 -0
- package/mobile/src/components/HorizontalLayout/HorizontalLayout.example.json +19 -0
- package/mobile/src/components/HorizontalLayout/HorizontalLayout.tsx +42 -0
- package/mobile/src/components/HorizontalLayout/HorizontalLayout.ui.json +1 -0
- package/mobile/src/components/HorizontalLayout/HorizontalLayoutContent.ts +17 -0
- package/mobile/src/components/LinkDocs/LinkDocs.tsx +0 -1
- package/mobile/src/components/LinkDocs/LinkDocsContent.ts +3 -3
- package/mobile/src/components/PictureText/PictureText.tsx +0 -1
- package/mobile/src/components/ProductTile/ProductTile.tsx +1 -1
- package/mobile/src/components/PromoTile/PromoTile.tsx +1 -1
- package/mobile/src/components/VerticalLayout/VerticalLayout.tsx +4 -20
- package/mobile/src/model/AlignText.ts +2 -1
- package/mobile/src/model/BlockVersion.ts +18 -0
- package/mobile/src/services/BlockRouter/BlockRouter.ts +5 -3
- package/mobile/src/services/sitemap/isTopItemActive.ts +3 -1
- package/mobile/src/ui-kit/Img/ImgAsPicture.tsx +17 -3
- package/mobile/src/ui-kit/Img/ImgInner.tsx +2 -1
- package/mobile/src/ui-kit/Img/ImgProps.ts +1 -0
- package/mobile/src/ui-kit/Location/Location.tsx +7 -5
- package/mobile/src/ui-kit/Paragraph/Paragraph.tsx +3 -7
- package/mobile/src/ui-kit/Text/TextProps.ts +1 -0
- package/package.json +1 -1
- package/src/components/Blocks.ts +5 -3
- package/src/components/Bonus/Bonus.tsx +0 -1
- package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.tsx +0 -1
- package/src/components/CarouselCard/CarouselCard.tsx +1 -7
- package/src/components/CarouselLinks/CarouselLinks.tsx +1 -1
- package/src/components/CarouselProductCard/CarouselProductCard.tsx +1 -1
- package/src/components/Catalog/Catalog.tsx +0 -1
- package/src/components/ContactsBlock/ContactsBlock.tsx +1 -1
- package/src/components/Gallery/GalleryCardInner.tsx +1 -1
- package/src/components/Gallery/GalleryContainer.tsx +1 -1
- package/src/components/GracePeriod/GracePeriod.tsx +0 -1
- package/src/components/Headline/Headline.fixture.mobile.tsx +10 -10
- package/src/components/Headline/Headline.fixture.tsx +7 -7
- package/src/components/Headline/Headline.mobile.tsx +10 -13
- package/src/components/Headline/Headline.tsx +18 -12
- package/src/components/Headline/HeadlineContent.ts +2 -2
- package/src/components/Headline/headlineStyles.ts +25 -0
- package/src/components/Headline/headlineVersionStyles.ts +55 -0
- package/src/components/HorizontalLayout/HorizontalLayout.example.json +19 -0
- package/src/components/HorizontalLayout/HorizontalLayout.fixture.tsx +85 -0
- package/src/components/HorizontalLayout/HorizontalLayout.tsx +42 -0
- package/src/components/HorizontalLayout/HorizontalLayout.ui.json +1 -0
- package/src/components/HorizontalLayout/HorizontalLayoutContent.ts +17 -0
- package/src/components/LinkDocs/LinkDocs.mobile.tsx +0 -1
- package/src/components/LinkDocs/LinkDocs.tsx +1 -1
- package/src/components/LinkDocs/LinkDocsContent.ts +3 -3
- package/src/components/PictureText/PictureText.tsx +0 -1
- package/src/components/ProductBlock/ProductBlockInner.tsx +1 -1
- package/src/components/ProductTile/ProductTile.tsx +1 -1
- package/src/components/PromoTile/PromoTile.tsx +1 -1
- package/src/components/VerticalLayout/VerticalLayout.tsx +4 -20
- package/src/model/AlignText.ts +2 -1
- package/src/model/BlockVersion.ts +18 -0
- package/src/services/BlockRouter/BlockRouter.ts +5 -3
- package/src/services/sitemap/isTopItemActive.ts +3 -1
- package/src/ui-kit/Img/ImgAsPicture.tsx +17 -3
- package/src/ui-kit/Img/ImgInner.tsx +2 -1
- package/src/ui-kit/Img/ImgProps.ts +1 -0
- package/src/ui-kit/Location/Location.tsx +7 -5
- package/src/ui-kit/Paragraph/Paragraph.tsx +3 -7
- package/src/ui-kit/Text/TextProps.ts +1 -0
- package/bundle/components/Headline/constants.d.ts +0 -18
- package/dist/components/Headline/constants.d.ts +0 -18
- package/dist/components/Headline/constants.js +0 -68
- package/dist/components/Headline/constants.js.map +0 -1
- package/lib/components/Headline/constants.d.ts +0 -18
- package/lib/components/Headline/constants.js +0 -66
- package/lib/components/Headline/constants.js.map +0 -1
- package/mobile/bundle/components/Headline/constants.d.ts +0 -18
- package/mobile/dist/components/Headline/constants.d.ts +0 -18
- package/mobile/dist/components/Headline/constants.js +0 -68
- package/mobile/dist/components/Headline/constants.js.map +0 -1
- package/mobile/lib/components/Headline/constants.d.ts +0 -18
- package/mobile/lib/components/Headline/constants.js +0 -66
- package/mobile/lib/components/Headline/constants.js.map +0 -1
- package/mobile/src/components/Headline/constants.ts +0 -84
- package/src/components/Headline/constants.ts +0 -84
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Location.js","sourceRoot":"","sources":["../../../src/ui-kit/Location/Location.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Location.js","sourceRoot":"","sources":["../../../src/ui-kit/Location/Location.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGlD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,sBAAsB,GAAG,CAAC,CAAC;AAwBjC,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EAAE,eAAe,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE;IAC/D,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,CAAC;IAEtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEhE,MAAM,OAAO,GAAa,cAAc,CAAC,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CACnE,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAC7B,CAAC;IACF,MAAM,oBAAoB,GAA0B,OAAO,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC;IAExF,OAAO,CACL,eAAK,SAAS,EAAC,2DAA2D,aACxE,KAAC,WAAW,IAAC,KAAK,EAAE,KAAK,GAAI,EAC7B,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,eAAe,IAAC,eAAe,EAAE,eAAe,GAAI,EACrD,KAAC,SAAS,IAAC,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAC,MAAM,GAAG,EAEvE,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAC/C,wBACG,OAAO;6BACL,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;6BACjD,GAAG,CAAC,YAAY,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAAC,GAC7C,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,WAAW,YACvB,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE,CAAC,CAAC,GAAG,CAC7C,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAC/C,GACG,CACP,EAED,KAAC,cAAc,IAAC,cAAc,EAAE,cAAc,GAAI,IAC9C,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,MAAc,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAE3E,MAAM,cAAc,GAAG,CAAC,OAAiB,EAAE,EAAE,CAC3C,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACvB,GAAG,MAAM;IACT,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE;CAC1E,CAAC,CAAC,CAAC;AAEN,MAAM,eAAe,GAAG,GAAG,CAAuB,CAAC,EAAE,eAAe,EAAE,EAAE,EAAE,CACxE,eAAe,CAAC,CAAC,CAAC,CAChB,eAAK,SAAS,EAAC,MAAM,aACnB,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,YAAY,iGAE9B,EACP,iBAAQ,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,KAAK,YAC/C,KAAC,IAAI,IAAC,KAAK,EAAC,YAAY,YAAE,eAAe,CAAC,IAAI,GAAQ,GAC/C,IACL,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACvD,iBACE,SAAS,EAAC,uHAAuH,EACjI,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;QACb,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,KAAK,IAAI,KAAK,EAAE,CAAC;IACnB,CAAC,YAED,KAAC,GAAG,IAAC,KAAK,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,GACzC,CACV,CAAC,CAAC;AAEH,MAAM,iBAAiB,GACrB,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAsC,EAAE,EAAE,CACpE,CAAC,CAAC,MAAM,EAAE,OAAO,CAAqB,EAAE,EAAE,CACxC,CACE,eAAkB,SAAS,EAAC,mCAAmC,aAC7D,cAAK,SAAS,EAAC,QAAQ,YACrB,KAAC,IAAI,IAAC,IAAI,EAAC,SAAS,YAAE,MAAM,GAAQ,GAChC,EACL,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,CAAC,KAJ/C,MAAM,CAKV,CACP,CAAC;AAEN,MAAM,YAAY,GAChB,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAsC,EAAE,EAAE,CACpE,CAAC,MAAc,EAAE,EAAE,CACjB,CACE,cAAqB,SAAS,EAAC,MAAM,YACnC,iBACE,SAAS,EAAC,yCAAyC,EACnD,OAAO,EAAE,GAAG,EAAE;YACZ,gBAAgB,IAAI,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC7C,KAAK,IAAI,KAAK,EAAE,CAAC;QACnB,CAAC,YAEA,MAAM,CAAC,IAAI,IAAI,EAAE,GACX,IATD,MAAM,CAAC,EAAE,CAUb,CACP,CAAC;AAEN,MAAM,cAAc,GAAG,GAAG,CAAqB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACpE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,CACvB,eAAK,SAAS,EAAC,wCAAwC,aACrD,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,qBAAqB,gLAE9C,GACH,EACN,cAAK,SAAS,EAAC,aAAa,YACzB,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAS,EAAE,EAAE,CAAC,CACzC,KAAC,aAAa,OAAqB,MAAM,IAArB,MAAM,CAAC,CAAC,CAAC,CAAgB,CAC9C,CAAC,GACE,IACF,CACP,CAAC,CAAC,CAAC,IAAI,CACT,CAAC;AAEF,MAAM,aAAa,GAAG,GAAG,CAAgB,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC7D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,cAAc,aAC1B,IAAI,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,UAAU,EAAC,kBAAkB,EAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,IAAI,EAChE,IAAI,CAAC,CAAC,CAAC,CACN,YAAG,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACjF,IAAI,GACH,CACL,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
export const Paragraph = JSX((
|
|
4
|
-
const { size = '', color = '', align = '', font = '', children } = props;
|
|
5
|
-
const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
|
|
6
|
-
return _jsx("p", { className: textClasses, children: children });
|
|
7
|
-
});
|
|
3
|
+
export const Paragraph = JSX(({ size, color, align, font, children }) => (_jsx("p", { className: ['font-sans', size, color, align, font].filter(Boolean).join(' '), children: children })));
|
|
8
4
|
//# sourceMappingURL=Paragraph.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../../src/ui-kit/Paragraph/Paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"Paragraph.js","sourceRoot":"","sources":["../../../src/ui-kit/Paragraph/Paragraph.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAiB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACvF,YAAG,SAAS,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAAG,QAAQ,GAAK,CAChG,CAAC,CAAC"}
|
|
@@ -9,7 +9,7 @@ export declare type TitleSize = '' | 'text-h6' | 'text-h5' | 'text-h5-light' | '
|
|
|
9
9
|
/**
|
|
10
10
|
* @title Цвет текста
|
|
11
11
|
*/
|
|
12
|
-
export declare type TextColor = '' | 'text-main' | 'text-primary-text' | 'text-primary-main' | 'text-secondary-text' | 'text-secondary-light' | 'text-error' | 'text-white' | 'text-green';
|
|
12
|
+
export declare type TextColor = '' | 'text-main' | 'text-primary-text' | 'text-primary-main' | 'text-secondary-text' | 'text-secondary-light' | 'text-error' | 'text-white' | 'text-white/80' | 'text-green';
|
|
13
13
|
/**
|
|
14
14
|
* @title Выравнивание
|
|
15
15
|
* @enumNames [
|
|
@@ -22,13 +22,7 @@ export const CarouselCard = JSX<CarouselCardProps>(
|
|
|
22
22
|
<div className={`${BLOCK_CLASSES} z-10 top-6 right-8 bg-green`} />
|
|
23
23
|
<div className={`${BLOCK_CLASSES} z-10 top-3 right-4 bg-green-light`} />
|
|
24
24
|
<div className="relative bg-white z-10 py-6 px-10 border border-solid border-green-light">
|
|
25
|
-
<Headline
|
|
26
|
-
className="!p-0"
|
|
27
|
-
title={title}
|
|
28
|
-
description={description}
|
|
29
|
-
headlineVersion="M"
|
|
30
|
-
align="center"
|
|
31
|
-
/>
|
|
25
|
+
<Headline className="!p-0" title={title} description={description} headlineVersion="M" />
|
|
32
26
|
{button ? <div className="mt-6">{renderButton({ button })}</div> : null}
|
|
33
27
|
</div>
|
|
34
28
|
</div>
|
|
@@ -10,7 +10,7 @@ import { List } from '../../ui-kit/List/List';
|
|
|
10
10
|
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
11
11
|
import { Text } from '../../ui-kit/Text/Text';
|
|
12
12
|
import { getIconWithVersion } from '../../utils/getIconWithVersion';
|
|
13
|
-
import { HEADLINE_SMALL_VERSION } from '../Headline/
|
|
13
|
+
import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles';
|
|
14
14
|
import type { CarouselProductCardContent, ListProps } from './CarouselProductCardContent';
|
|
15
15
|
|
|
16
16
|
export interface CarouselProductCardProps extends CarouselProductCardContent, UniBlockProps {}
|
|
@@ -7,7 +7,7 @@ import { renderButton } from '../../ui-kit/Button/ButtonSection';
|
|
|
7
7
|
import { Img } from '../../ui-kit/Img/Img';
|
|
8
8
|
import { List } from '../../ui-kit/List/List';
|
|
9
9
|
import { getIconWithVersion } from '../../utils/getIconWithVersion';
|
|
10
|
-
import { HEADLINE_SMALL_VERSION } from '../Headline/
|
|
10
|
+
import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles';
|
|
11
11
|
import type { GalleryCardProps, GalleryItemProps } from './GalleryContent';
|
|
12
12
|
|
|
13
13
|
export const GalleryCardInner = JSX<GalleryCardProps>(
|
|
@@ -19,7 +19,7 @@ export interface GalleryCardData {
|
|
|
19
19
|
export const GalleryContainer = JSX<GalleryContainerProps>(
|
|
20
20
|
({ headlineVersion = 'M', cards = [], version = 'normal', activeIndex, ...rest }) => (
|
|
21
21
|
<div>
|
|
22
|
-
<Headline {...rest} className="!p-0" headlineVersion={headlineVersion}
|
|
22
|
+
<Headline {...rest} className="!p-0" headlineVersion={headlineVersion} />
|
|
23
23
|
<div
|
|
24
24
|
className={`flex mt-8 ${
|
|
25
25
|
cards?.length <= galleryLengthForScrollMap[version] ? 'justify-center' : ''
|
|
@@ -1,36 +1,33 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
-
import { AlignText } from '../../model/AlignText';
|
|
3
|
-
|
|
4
2
|
import type { UniBlockProps } from '../../model/JSXBlock';
|
|
5
3
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
6
4
|
import { Img } from '../../ui-kit/Img/Img';
|
|
7
|
-
import {
|
|
5
|
+
import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
|
|
8
6
|
import type { HeadlineContent } from './HeadlineContent';
|
|
7
|
+
import { headlineStyles } from './headlineStyles';
|
|
9
8
|
|
|
10
9
|
export interface HeadlineProps extends UniBlockProps, HeadlineContent {}
|
|
11
10
|
|
|
12
11
|
export const Headline = JSX<HeadlineProps>(
|
|
13
12
|
({
|
|
14
|
-
bgColorHeadline = 'transparent',
|
|
15
13
|
className = '',
|
|
16
14
|
title,
|
|
17
15
|
description,
|
|
18
16
|
image,
|
|
19
|
-
|
|
17
|
+
bgColorHeadline = 'transparent',
|
|
18
|
+
align = 'text-left',
|
|
20
19
|
}) => {
|
|
21
|
-
const
|
|
20
|
+
const style = headlineStyles[bgColorHeadline];
|
|
22
21
|
|
|
23
22
|
return (
|
|
24
|
-
<section className={`px-4 py-6 flex flex-col gap-2.5 ${
|
|
23
|
+
<section className={`px-4 py-6 flex flex-col gap-2.5 ${style.wrapper} ${className}`}>
|
|
25
24
|
{title ? (
|
|
26
|
-
<Heading
|
|
27
|
-
headingType="h2"
|
|
28
|
-
className={`${STYLE_MAPS.text} ${AlignText[align]}`}
|
|
29
|
-
title={title}
|
|
30
|
-
/>
|
|
25
|
+
<Heading headingType="h2" className={`${style.titleColor} ${align}`} title={title} />
|
|
31
26
|
) : null}
|
|
32
27
|
{description ? (
|
|
33
|
-
<
|
|
28
|
+
<Paragraph color={style.descriptionColor || style.titleColor} size="text-m" align={align}>
|
|
29
|
+
{description}
|
|
30
|
+
</Paragraph>
|
|
34
31
|
) : null}
|
|
35
32
|
{image?.src && (
|
|
36
33
|
<div className="mt-2.5 mx-auto flex justify-center">
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { AlignType } from '../../model/AlignType';
|
|
2
1
|
import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
|
|
3
2
|
import type { HeadlineProps } from '../../model/HeadlineType';
|
|
4
3
|
import type { Picture } from '../../model/Picture';
|
|
5
4
|
import type { HeadingTagType } from '../../ui-kit/Heading/HeadingProps';
|
|
5
|
+
import type { TextAlign } from '../../ui-kit/Text/TextProps';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @title Заголовок
|
|
@@ -10,7 +10,7 @@ import type { HeadingTagType } from '../../ui-kit/Heading/HeadingProps';
|
|
|
10
10
|
export type HeadlineContent = HeadlineProps & {
|
|
11
11
|
/** @title Изображение (моб.) */
|
|
12
12
|
image?: Picture;
|
|
13
|
-
align?:
|
|
13
|
+
align?: TextAlign;
|
|
14
14
|
bgColorHeadline?: BlockVersionWithTransparent;
|
|
15
15
|
/** @hidden */
|
|
16
16
|
as?: HeadingTagType;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
|
|
2
|
+
import type { TextColor } from '../../ui-kit/Text/TextProps';
|
|
3
|
+
|
|
4
|
+
export const headlineStyles: Record<
|
|
5
|
+
BlockVersionWithTransparent,
|
|
6
|
+
{
|
|
7
|
+
wrapper: string;
|
|
8
|
+
titleColor: TextColor;
|
|
9
|
+
descriptionColor?: TextColor;
|
|
10
|
+
}
|
|
11
|
+
> = {
|
|
12
|
+
transparent: {
|
|
13
|
+
wrapper: 'bg-transparent',
|
|
14
|
+
titleColor: 'text-primary-text',
|
|
15
|
+
},
|
|
16
|
+
primary: {
|
|
17
|
+
wrapper: 'bg-white',
|
|
18
|
+
titleColor: 'text-primary-text',
|
|
19
|
+
},
|
|
20
|
+
secondary: {
|
|
21
|
+
wrapper: 'bg-primary-main',
|
|
22
|
+
titleColor: 'text-white',
|
|
23
|
+
descriptionColor: 'text-white/80',
|
|
24
|
+
},
|
|
25
|
+
};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { HeadlineSmallVersion, HeadlineVersion } from '../../model/HeadlineType';
|
|
2
|
+
import type { HeadingCommonProps } from '../../ui-kit/Heading/HeadingProps';
|
|
3
|
+
import type { TextSize, TitleSize } from '../../ui-kit/Text/TextProps';
|
|
4
|
+
|
|
5
|
+
export const headlineVersionStyles: Record<
|
|
6
|
+
HeadlineVersion,
|
|
7
|
+
{
|
|
8
|
+
wrapper: string;
|
|
9
|
+
title: HeadingCommonProps;
|
|
10
|
+
descriptionSize: TextSize | TitleSize;
|
|
11
|
+
}
|
|
12
|
+
> = {
|
|
13
|
+
XXL: {
|
|
14
|
+
wrapper: 'gap-[18px]',
|
|
15
|
+
title: { headingType: 'h0', as: 'h1' },
|
|
16
|
+
descriptionSize: 'text-h5',
|
|
17
|
+
},
|
|
18
|
+
XL: {
|
|
19
|
+
wrapper: 'gap-4',
|
|
20
|
+
title: { headingType: 'h1', as: 'h1' },
|
|
21
|
+
descriptionSize: 'text-xl-light',
|
|
22
|
+
},
|
|
23
|
+
L: {
|
|
24
|
+
wrapper: 'gap-4',
|
|
25
|
+
title: { headingType: 'h2', as: 'h2' },
|
|
26
|
+
descriptionSize: 'text-xl-light',
|
|
27
|
+
},
|
|
28
|
+
M: {
|
|
29
|
+
wrapper: 'gap-3',
|
|
30
|
+
title: { headingType: 'h3', as: 'h3' },
|
|
31
|
+
descriptionSize: 'text-xl-light',
|
|
32
|
+
},
|
|
33
|
+
S: {
|
|
34
|
+
wrapper: 'gap-2',
|
|
35
|
+
title: { headingType: 'h4', as: 'h4' },
|
|
36
|
+
descriptionSize: 'text-xl-light',
|
|
37
|
+
},
|
|
38
|
+
XS: {
|
|
39
|
+
wrapper: 'gap-2',
|
|
40
|
+
title: { headingType: 'h5', as: 'h5' },
|
|
41
|
+
descriptionSize: 'text-l-light',
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
// TODO Move to Gallery and rename
|
|
46
|
+
export const HEADLINE_SMALL_VERSION: Record<HeadlineSmallVersion, string> = {
|
|
47
|
+
H6: 'text-h6',
|
|
48
|
+
XL_L: 'text-xl-light',
|
|
49
|
+
XL_R: 'text-xl',
|
|
50
|
+
L_L: 'text-l-light',
|
|
51
|
+
L_R: 'text-l',
|
|
52
|
+
M: 'text-m-light',
|
|
53
|
+
S: 'text-s-light',
|
|
54
|
+
XS: 'text-xs-light',
|
|
55
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"content": {
|
|
3
|
+
"version": "primary",
|
|
4
|
+
"gap": "XS"
|
|
5
|
+
},
|
|
6
|
+
"style": ["col-span-12"],
|
|
7
|
+
"type": "HorizontalLayout",
|
|
8
|
+
"blocks": [
|
|
9
|
+
{
|
|
10
|
+
"type": "Headline",
|
|
11
|
+
"content": {
|
|
12
|
+
"title": "Заголовок блока",
|
|
13
|
+
"description": "Описание блока",
|
|
14
|
+
"headlineVersion": "M"
|
|
15
|
+
},
|
|
16
|
+
"style": ["col-span-12"]
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { JSX } from '@redneckz/uni-jsx';
|
|
2
|
+
import { renderChildren } from '../../BlockRenderer/renderChildren';
|
|
3
|
+
import { GapStyleMap, LayoutBackgroundStyleMap } from '../../model/BlockVersion';
|
|
4
|
+
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
5
|
+
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
6
|
+
import type { HorizontalLayoutContent } from './HorizontalLayoutContent';
|
|
7
|
+
|
|
8
|
+
export interface HorizontalLayoutProps extends HorizontalLayoutContent, UniBlockProps {}
|
|
9
|
+
|
|
10
|
+
export const HorizontalLayout: JSXBlock<HorizontalLayoutProps> = JSX<HorizontalLayoutProps>(
|
|
11
|
+
({
|
|
12
|
+
className = '',
|
|
13
|
+
gap = 'XS',
|
|
14
|
+
isPadding = false,
|
|
15
|
+
version = 'transparent',
|
|
16
|
+
options,
|
|
17
|
+
...rest
|
|
18
|
+
}) => {
|
|
19
|
+
const paddingStyle = isPadding ? 'p-12' : '';
|
|
20
|
+
|
|
21
|
+
return (
|
|
22
|
+
<BlockWrapper
|
|
23
|
+
className={[
|
|
24
|
+
'grid grid-cols-12',
|
|
25
|
+
paddingStyle,
|
|
26
|
+
GapStyleMap[gap],
|
|
27
|
+
LayoutBackgroundStyleMap[version],
|
|
28
|
+
className,
|
|
29
|
+
]
|
|
30
|
+
.filter(Boolean)
|
|
31
|
+
.join(' ')}
|
|
32
|
+
{...rest}
|
|
33
|
+
>
|
|
34
|
+
{renderChildren({ ...rest, options: options })}
|
|
35
|
+
</BlockWrapper>
|
|
36
|
+
);
|
|
37
|
+
},
|
|
38
|
+
);
|
|
39
|
+
|
|
40
|
+
HorizontalLayout.childrenTypes = {
|
|
41
|
+
exclude: ['HorizontalLayout'],
|
|
42
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
|
|
2
|
+
|
|
3
|
+
/**
|
|
4
|
+
* @title Отсуп между компонентами
|
|
5
|
+
* @enumNames ["Самый большой", "Очень большой", "Большой", "Средний", "Маленький", "Самый маленький", "Без отступа"]
|
|
6
|
+
*/
|
|
7
|
+
export type GapVersion = 'XXL' | 'XL' | 'L' | 'M' | 'S' | 'XS' | '';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* @title Горизонтальный компоновщик
|
|
11
|
+
*/
|
|
12
|
+
export interface HorizontalLayoutContent {
|
|
13
|
+
version?: BlockVersionWithTransparent;
|
|
14
|
+
gap?: GapVersion;
|
|
15
|
+
/** @title Внутренний отступ компоновщика */
|
|
16
|
+
isPadding?: boolean;
|
|
17
|
+
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import type { HeadlineCommonProps } from '../../model/HeadlineType';
|
|
1
2
|
import type { LinkProps } from '../../model/LinkProps';
|
|
2
|
-
import type { AlignType } from '../../model/AlignType';
|
|
3
3
|
import type { ListOrientation } from '../../model/ListOrientation';
|
|
4
4
|
import type { Picture } from '../../model/Picture';
|
|
5
|
-
import type {
|
|
5
|
+
import type { TextAlign } from '../../ui-kit/Text/TextProps';
|
|
6
6
|
|
|
7
7
|
/**
|
|
8
8
|
* @title Отображение списка
|
|
@@ -43,5 +43,5 @@ export type LinkDocsContent = HeadlineCommonProps & {
|
|
|
43
43
|
orientation?: ListOrientation; // TODO: мобильный проп
|
|
44
44
|
/** @title Рамка элементов (моб.) */ // TODO: мобильный проп
|
|
45
45
|
hasBorder?: boolean;
|
|
46
|
-
align?:
|
|
46
|
+
align?: TextAlign;
|
|
47
47
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import { renderChildren } from '../../BlockRenderer/renderChildren';
|
|
3
3
|
import type { AlignType } from '../../model/AlignType';
|
|
4
|
-
import {
|
|
4
|
+
import { GapStyleMap, LayoutBackgroundStyleMap } from '../../model/BlockVersion';
|
|
5
5
|
import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
|
|
6
6
|
import { BlockWrapper } from '../../ui-kit/BlockWrapper';
|
|
7
|
-
import type {
|
|
7
|
+
import type { VerticalLayoutContent } from './VerticalLayoutContent';
|
|
8
8
|
|
|
9
9
|
export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
|
|
10
10
|
|
|
@@ -14,22 +14,6 @@ const alignStyle: Record<AlignType, string> = {
|
|
|
14
14
|
right: 'items-end',
|
|
15
15
|
};
|
|
16
16
|
|
|
17
|
-
const gapStyleMap: Record<GapVersion, string> = {
|
|
18
|
-
XXL: 'gap-12',
|
|
19
|
-
XL: 'gap-10',
|
|
20
|
-
L: 'gap-8',
|
|
21
|
-
M: 'gap-4',
|
|
22
|
-
S: 'gap-2',
|
|
23
|
-
XS: 'gap-1',
|
|
24
|
-
'': '',
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
const backgroundStyleMap: Record<BlockVersionWithTransparent, string> = {
|
|
28
|
-
transparent: '',
|
|
29
|
-
primary: 'bg-white',
|
|
30
|
-
secondary: 'bg-primary-main',
|
|
31
|
-
};
|
|
32
|
-
|
|
33
17
|
export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutProps>(
|
|
34
18
|
({
|
|
35
19
|
className = '',
|
|
@@ -49,9 +33,9 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
|
|
|
49
33
|
className={[
|
|
50
34
|
'flex flex-col [&>*]:max-w-full',
|
|
51
35
|
paddingStyle,
|
|
52
|
-
|
|
36
|
+
GapStyleMap[gap],
|
|
53
37
|
align && alignStyle[align],
|
|
54
|
-
|
|
38
|
+
LayoutBackgroundStyleMap[version],
|
|
55
39
|
className,
|
|
56
40
|
]
|
|
57
41
|
.filter(Boolean)
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import type { TextAlign } from '../ui-kit/Text/TextProps';
|
|
1
2
|
import type { AlignType } from './AlignType';
|
|
2
3
|
|
|
3
|
-
export const AlignText: Record<AlignType,
|
|
4
|
+
export const AlignText: Record<AlignType, TextAlign> = {
|
|
4
5
|
left: 'text-left',
|
|
5
6
|
center: 'text-center',
|
|
6
7
|
right: 'text-right',
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { GapVersion } from '../components/HorizontalLayout/HorizontalLayoutContent';
|
|
2
|
+
|
|
1
3
|
/**
|
|
2
4
|
* @title Цвет блока
|
|
3
5
|
* @enumNames ["Основная", "Второстепенная"]
|
|
@@ -25,3 +27,19 @@ export const VersionWithTransparentStyleMap: Record<BlockVersionWithTransparent,
|
|
|
25
27
|
primary: 'bg-white text-primary-text',
|
|
26
28
|
secondary: 'bg-primary-main text-white',
|
|
27
29
|
};
|
|
30
|
+
|
|
31
|
+
export const GapStyleMap: Record<GapVersion, string> = {
|
|
32
|
+
XXL: 'gap-12',
|
|
33
|
+
XL: 'gap-10',
|
|
34
|
+
L: 'gap-8',
|
|
35
|
+
M: 'gap-4',
|
|
36
|
+
S: 'gap-2',
|
|
37
|
+
XS: 'gap-1',
|
|
38
|
+
'': '',
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export const LayoutBackgroundStyleMap: Record<BlockVersionWithTransparent, string> = {
|
|
42
|
+
transparent: '',
|
|
43
|
+
primary: 'bg-white',
|
|
44
|
+
secondary: 'bg-primary-main',
|
|
45
|
+
};
|
|
@@ -16,6 +16,8 @@ interface EventMap {
|
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
const normalizeAnchor = (rawAnchor?: string) => rawAnchor?.replace('#', '');
|
|
19
|
+
const getURLWithAnchor = (rawAnchor?: string) =>
|
|
20
|
+
`${globalThis.location?.pathname}#${normalizeAnchor(rawAnchor)}`;
|
|
19
21
|
|
|
20
22
|
export class BlockRouter {
|
|
21
23
|
public static readonly inst = new BlockRouter();
|
|
@@ -38,14 +40,14 @@ export class BlockRouter {
|
|
|
38
40
|
}
|
|
39
41
|
|
|
40
42
|
push(rawAnchor: string) {
|
|
41
|
-
globalThis.history?.pushState(null, '',
|
|
43
|
+
globalThis.history?.pushState(null, '', getURLWithAnchor(rawAnchor));
|
|
42
44
|
}
|
|
43
45
|
|
|
44
46
|
replace(rawAnchor: string) {
|
|
45
|
-
globalThis.history?.replaceState(null, '',
|
|
47
|
+
globalThis.history?.replaceState(null, '', getURLWithAnchor(rawAnchor));
|
|
46
48
|
}
|
|
47
49
|
|
|
48
50
|
reset() {
|
|
49
|
-
globalThis.history?.replaceState(null, '',
|
|
51
|
+
globalThis.history?.replaceState(null, '', getURLWithAnchor());
|
|
50
52
|
}
|
|
51
53
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { Router } from '../../hooks/useRouter';
|
|
2
|
+
import { projectSettings } from '../../ProjectSettings';
|
|
2
3
|
import { checkIsHrefSameOrigin } from './checkIsHrefSameOrigin';
|
|
3
4
|
import { isHrefActive } from './isHrefActive';
|
|
4
5
|
import { isSubItemActive } from './isSubItemActive';
|
|
@@ -9,4 +10,5 @@ export const isTopItemActive =
|
|
|
9
10
|
(topItem: TopMenuItem): boolean =>
|
|
10
11
|
topItem.items?.some(isSubItemActive(router)) ||
|
|
11
12
|
isHrefActive(topItem.href, router) ||
|
|
12
|
-
checkIsHrefSameOrigin(topItem.href, router)
|
|
13
|
+
checkIsHrefSameOrigin(topItem.href, router) ||
|
|
14
|
+
Boolean(projectSettings.BASE_PATH?.startsWith(topItem.href || '/'));
|
|
@@ -11,12 +11,13 @@ const sourcesComparator = (a: Picture, b: Picture) => {
|
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
export const ImgAsPicture = JSX<ImageProps<Picture>>(
|
|
14
|
-
({ className = '', image, imageClassName = '', isMobile = false }) => {
|
|
14
|
+
({ className = '', image, imageClassName = '', isMobile = false, pathPrefix = '' }) => {
|
|
15
15
|
if (!image || (!image?.sources && !image?.src)) {
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
const pictureStyles = isMobile ? 'flex' : 'flex-none';
|
|
20
|
+
const normalizedPathPrefix = normalizePathPrefix(pathPrefix);
|
|
20
21
|
|
|
21
22
|
return (
|
|
22
23
|
<picture className={`${pictureStyles} ${className}`}>
|
|
@@ -26,14 +27,18 @@ export const ImgAsPicture = JSX<ImageProps<Picture>>(
|
|
|
26
27
|
.map(({ src, format, media }, index) => (
|
|
27
28
|
<source
|
|
28
29
|
key={`${index}_${src}`}
|
|
29
|
-
srcSet={src}
|
|
30
|
+
srcSet={addPathPrefixToSrcSet(src, normalizedPathPrefix)}
|
|
30
31
|
type={formatToMimeType(format)}
|
|
31
32
|
media={media ? `(max-width: ${media}px)` : ''}
|
|
32
33
|
{...image.size}
|
|
33
34
|
/>
|
|
34
35
|
))
|
|
35
36
|
: null}
|
|
36
|
-
{renderImg(
|
|
37
|
+
{renderImg(
|
|
38
|
+
{ ...image, src: `${normalizedPathPrefix}${image.src}` },
|
|
39
|
+
imageClassName,
|
|
40
|
+
isMobile,
|
|
41
|
+
)}
|
|
37
42
|
</picture>
|
|
38
43
|
);
|
|
39
44
|
},
|
|
@@ -61,6 +66,15 @@ const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
|
|
|
61
66
|
);
|
|
62
67
|
};
|
|
63
68
|
|
|
69
|
+
const normalizePathPrefix = (pathPrefix = '') =>
|
|
70
|
+
pathPrefix && !pathPrefix.endsWith('/') ? `${pathPrefix}/` : pathPrefix;
|
|
71
|
+
|
|
72
|
+
const addPathPrefixToSrcSet = (srcset = '', pathPrefix = '') =>
|
|
73
|
+
srcset
|
|
74
|
+
.split(',')
|
|
75
|
+
.map((src) => `${pathPrefix}${src.trim()}`)
|
|
76
|
+
.join(', ');
|
|
77
|
+
|
|
64
78
|
export function formatToMimeType(format: ImgSource['format']): string | undefined {
|
|
65
79
|
return format ? `image/${String(format)}` : undefined;
|
|
66
80
|
}
|
|
@@ -6,7 +6,7 @@ import { ImgAsPicture } from './ImgAsPicture';
|
|
|
6
6
|
import type { Image, ImageProps } from './ImgProps';
|
|
7
7
|
|
|
8
8
|
export const ImgInner = JSX<ImageProps<Image>>(
|
|
9
|
-
({ className = '', image, imageClassName = '', isMobile, ...iconProps }) => {
|
|
9
|
+
({ className = '', image, imageClassName = '', isMobile, pathPrefix, ...iconProps }) => {
|
|
10
10
|
if (!image) {
|
|
11
11
|
return null;
|
|
12
12
|
}
|
|
@@ -31,6 +31,7 @@ export const ImgInner = JSX<ImageProps<Image>>(
|
|
|
31
31
|
imageClassName={imageClassName}
|
|
32
32
|
image={image as Picture}
|
|
33
33
|
isMobile={isMobile}
|
|
34
|
+
pathPrefix={pathPrefix}
|
|
34
35
|
/>
|
|
35
36
|
);
|
|
36
37
|
},
|