@redneckz/wildless-cms-uni-blocks 0.3.71 → 0.3.73
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/bundle/blocks.schema.json +1 -1
- package/bundle/bundle.umd.js +29 -20
- package/bundle/bundle.umd.min.js +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlock.js +21 -3
- package/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +39 -12
- package/dist/components/Bonus/BonusContent.d.ts +1 -1
- package/dist/components/ComparisonTable/TableCell.mobile.js +1 -3
- package/dist/components/ComparisonTable/TableCell.mobile.js.map +1 -1
- package/dist/components/ContentPage/ContentPageContext.d.ts +2 -1
- package/dist/components/Headline/Headline.js +2 -2
- package/dist/components/Headline/Headline.js.map +1 -1
- package/dist/components/Headline/Headline.mobile.js +1 -1
- package/dist/components/Headline/Headline.mobile.js.map +1 -1
- package/dist/components/Headline/HeadlineContent.d.ts +2 -1
- package/dist/components/Insurance/Insurance.js.map +1 -1
- package/dist/components/Insurance/InsuranceContent.d.ts +16 -2
- package/dist/components/LinkDocs/LinkDocs.js +3 -12
- package/dist/components/LinkDocs/LinkDocs.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocs.mobile.js +3 -3
- package/dist/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocsContent.d.ts +1 -1
- package/dist/components/LinkDocs/LinkDocsHorizontalList.js +1 -1
- package/dist/components/LinkDocs/LinkDocsHorizontalList.js.map +1 -1
- package/dist/components/LinkDocs/LinkDocsVerticalList.js +1 -1
- package/dist/components/LinkDocs/LinkDocsVerticalList.js.map +1 -1
- package/dist/components/LinkDocs/linkDocsContentExample.js +1 -1
- package/dist/components/LinkDocs/linkDocsContentExample.js.map +1 -1
- package/dist/components/PictureText/PictureText.js +1 -1
- package/dist/components/PictureText/PictureText.js.map +1 -1
- package/dist/components/PictureText/PictureTextContent.d.ts +9 -2
- package/dist/components/ProductBlock/ProductBlockContent.d.ts +10 -3
- package/dist/components/ProductBlock/renderBenefit.js +1 -1
- package/dist/components/ProductBlock/renderBenefit.js.map +1 -1
- package/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/dist/components/ProductTile/ProductTileContent.d.ts +6 -1
- package/dist/react/IntersectionObserverTag.d.ts +2 -3
- package/dist/react/IntersectionObserverTag.js.map +1 -1
- package/lib/common.css +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.fixture.d.ts +2 -1
- package/lib/components/BenefitsBlock/BenefitsBlock.js +21 -3
- package/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +39 -12
- package/lib/components/Bonus/BonusContent.d.ts +1 -1
- package/lib/components/ComparisonTable/TableCell.mobile.js +1 -3
- package/lib/components/ComparisonTable/TableCell.mobile.js.map +1 -1
- package/lib/components/ContentPage/ContentPageContext.d.ts +2 -1
- package/lib/components/Headline/Headline.js +2 -2
- package/lib/components/Headline/Headline.js.map +1 -1
- package/lib/components/Headline/Headline.mobile.js +1 -1
- package/lib/components/Headline/Headline.mobile.js.map +1 -1
- package/lib/components/Headline/HeadlineContent.d.ts +2 -1
- package/lib/components/Insurance/Insurance.js.map +1 -1
- package/lib/components/Insurance/InsuranceContent.d.ts +16 -2
- package/lib/components/LinkDocs/LinkDocs.js +3 -12
- package/lib/components/LinkDocs/LinkDocs.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocs.mobile.js +3 -3
- package/lib/components/LinkDocs/LinkDocs.mobile.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocsContent.d.ts +1 -1
- package/lib/components/LinkDocs/LinkDocsHorizontalList.js +1 -1
- package/lib/components/LinkDocs/LinkDocsHorizontalList.js.map +1 -1
- package/lib/components/LinkDocs/LinkDocsVerticalList.js +1 -1
- package/lib/components/LinkDocs/LinkDocsVerticalList.js.map +1 -1
- package/lib/components/LinkDocs/linkDocsContentExample.js +1 -1
- package/lib/components/LinkDocs/linkDocsContentExample.js.map +1 -1
- package/lib/components/PictureText/PictureText.js +1 -1
- package/lib/components/PictureText/PictureText.js.map +1 -1
- package/lib/components/PictureText/PictureTextContent.d.ts +9 -2
- package/lib/components/ProductBlock/ProductBlockContent.d.ts +10 -3
- package/lib/components/ProductBlock/renderBenefit.js +1 -1
- package/lib/components/ProductBlock/renderBenefit.js.map +1 -1
- package/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/lib/components/ProductTile/ProductTileContent.d.ts +6 -1
- package/lib/react/IntersectionObserverTag.d.ts +2 -3
- package/lib/react/IntersectionObserverTag.js.map +1 -1
- package/mobile/bundle/bundle.umd.js +6 -8
- package/mobile/bundle/bundle.umd.min.js +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js +21 -3
- package/mobile/dist/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/dist/components/BenefitsBlock/BenefitsBlockContent.d.ts +39 -12
- package/mobile/dist/components/Bonus/BonusContent.d.ts +1 -1
- package/mobile/dist/components/ComparisonTable/TableCell.js +1 -3
- package/mobile/dist/components/ComparisonTable/TableCell.js.map +1 -1
- package/mobile/dist/components/ContentPage/ContentPageContext.d.ts +2 -1
- package/mobile/dist/components/Headline/Headline.js +1 -1
- package/mobile/dist/components/Headline/Headline.js.map +1 -1
- package/mobile/dist/components/Headline/HeadlineContent.d.ts +2 -1
- package/mobile/dist/components/Insurance/Insurance.js.map +1 -1
- package/mobile/dist/components/Insurance/InsuranceContent.d.ts +16 -2
- package/mobile/dist/components/LinkDocs/LinkDocs.js +3 -3
- package/mobile/dist/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsContent.d.ts +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsHorizontalList.js +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsHorizontalList.js.map +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsVerticalList.js +1 -1
- package/mobile/dist/components/LinkDocs/LinkDocsVerticalList.js.map +1 -1
- package/mobile/dist/components/LinkDocs/linkDocsContentExample.js +1 -1
- package/mobile/dist/components/LinkDocs/linkDocsContentExample.js.map +1 -1
- package/mobile/dist/components/PictureText/PictureText.js +1 -1
- package/mobile/dist/components/PictureText/PictureText.js.map +1 -1
- package/mobile/dist/components/PictureText/PictureTextContent.d.ts +9 -2
- package/mobile/dist/components/ProductBlock/ProductBlockContent.d.ts +10 -3
- package/mobile/dist/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/dist/components/ProductTile/ProductTileContent.d.ts +6 -1
- package/mobile/dist/react/IntersectionObserverTag.d.ts +2 -3
- package/mobile/dist/react/IntersectionObserverTag.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js +21 -3
- package/mobile/lib/components/BenefitsBlock/BenefitsBlock.js.map +1 -1
- package/mobile/lib/components/BenefitsBlock/BenefitsBlockContent.d.ts +39 -12
- package/mobile/lib/components/Bonus/BonusContent.d.ts +1 -1
- package/mobile/lib/components/ComparisonTable/TableCell.js +1 -3
- package/mobile/lib/components/ComparisonTable/TableCell.js.map +1 -1
- package/mobile/lib/components/ContentPage/ContentPageContext.d.ts +2 -1
- package/mobile/lib/components/Headline/Headline.js +1 -1
- package/mobile/lib/components/Headline/Headline.js.map +1 -1
- package/mobile/lib/components/Headline/HeadlineContent.d.ts +2 -1
- package/mobile/lib/components/Insurance/Insurance.js.map +1 -1
- package/mobile/lib/components/Insurance/InsuranceContent.d.ts +16 -2
- package/mobile/lib/components/LinkDocs/LinkDocs.js +3 -3
- package/mobile/lib/components/LinkDocs/LinkDocs.js.map +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsContent.d.ts +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsHorizontalList.js +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsHorizontalList.js.map +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsVerticalList.js +1 -1
- package/mobile/lib/components/LinkDocs/LinkDocsVerticalList.js.map +1 -1
- package/mobile/lib/components/LinkDocs/linkDocsContentExample.js +1 -1
- package/mobile/lib/components/LinkDocs/linkDocsContentExample.js.map +1 -1
- package/mobile/lib/components/PictureText/PictureText.js +1 -1
- package/mobile/lib/components/PictureText/PictureText.js.map +1 -1
- package/mobile/lib/components/PictureText/PictureTextContent.d.ts +9 -2
- package/mobile/lib/components/ProductBlock/ProductBlockContent.d.ts +10 -3
- package/mobile/lib/components/ProductTile/ProductTile.js.map +1 -1
- package/mobile/lib/components/ProductTile/ProductTileContent.d.ts +6 -1
- package/mobile/lib/react/IntersectionObserverTag.d.ts +2 -3
- package/mobile/lib/react/IntersectionObserverTag.js.map +1 -1
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.example.json +9 -1
- package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx +48 -12
- package/mobile/src/components/BenefitsBlock/BenefitsBlockContent.ts +46 -16
- package/mobile/src/components/Bonus/BonusContent.ts +1 -1
- package/mobile/src/components/ComparisonTable/TableCell.tsx +8 -7
- package/mobile/src/components/ContentPage/ContentPage.page.json +1 -1
- package/mobile/src/components/ContentPage/ContentPageContext.tsx +5 -1
- package/mobile/src/components/Headline/Headline.tsx +3 -5
- package/mobile/src/components/Headline/HeadlineContent.ts +2 -1
- package/mobile/src/components/Insurance/Insurance.tsx +2 -3
- package/mobile/src/components/Insurance/InsuranceContent.ts +23 -9
- package/mobile/src/components/LinkDocs/LinkDocs.example.json +1 -1
- package/mobile/src/components/LinkDocs/LinkDocs.tsx +10 -12
- package/mobile/src/components/LinkDocs/LinkDocsContent.ts +1 -1
- package/mobile/src/components/LinkDocs/LinkDocsHorizontalList.tsx +1 -1
- package/mobile/src/components/LinkDocs/LinkDocsVerticalList.tsx +3 -1
- package/mobile/src/components/LinkDocs/linkDocsContentExample.ts +1 -1
- package/mobile/src/components/PictureText/PictureText.tsx +6 -7
- package/mobile/src/components/PictureText/PictureTextContent.ts +10 -2
- package/mobile/src/components/ProductBlock/ProductBlockContent.ts +11 -3
- package/mobile/src/components/ProductTile/ProductTile.tsx +1 -2
- package/mobile/src/components/ProductTile/ProductTileContent.ts +7 -1
- package/mobile/src/react/IntersectionObserverTag.tsx +3 -3
- package/package.json +1 -1
- package/src/components/BenefitsBlock/BenefitsBlock.example.json +9 -1
- package/src/components/BenefitsBlock/BenefitsBlock.fixture.tsx +72 -9
- package/src/components/BenefitsBlock/BenefitsBlock.tsx +48 -12
- package/src/components/BenefitsBlock/BenefitsBlockContent.ts +46 -16
- package/src/components/Bonus/Bonus.fixture.tsx +3 -3
- package/src/components/Bonus/BonusContent.ts +1 -1
- package/src/components/ComparisonTable/ComparisonTable.fixture.mobile.tsx +0 -9
- package/src/components/ComparisonTable/TableCell.mobile.tsx +8 -7
- package/src/components/ContentPage/ContentPage.page.json +1 -1
- package/src/components/ContentPage/ContentPageContext.tsx +5 -1
- package/src/components/Gallery/Gallery.fixture.mobile.tsx +0 -7
- package/src/components/Headline/Headline.mobile.tsx +3 -5
- package/src/components/Headline/Headline.tsx +8 -5
- package/src/components/Headline/HeadlineContent.ts +2 -1
- package/src/components/Insurance/Insurance.fixture.tsx +2 -2
- package/src/components/Insurance/Insurance.tsx +2 -3
- package/src/components/Insurance/InsuranceContent.ts +23 -9
- package/src/components/LinkDocs/LinkDocs.example.json +1 -1
- package/src/components/LinkDocs/LinkDocs.fixture.mobile.tsx +1 -6
- package/src/components/LinkDocs/LinkDocs.mobile.tsx +10 -12
- package/src/components/LinkDocs/LinkDocs.tsx +13 -34
- package/src/components/LinkDocs/LinkDocsContent.ts +1 -1
- package/src/components/LinkDocs/LinkDocsHorizontalList.tsx +1 -1
- package/src/components/LinkDocs/LinkDocsVerticalList.tsx +3 -1
- package/src/components/LinkDocs/linkDocsContentExample.ts +1 -1
- package/src/components/PictureText/PictureText.tsx +6 -7
- package/src/components/PictureText/PictureTextContent.ts +10 -2
- package/src/components/ProductBlock/ProductBlock.fixture.mobile.tsx +3 -3
- package/src/components/ProductBlock/ProductBlock.fixture.tsx +2 -3
- package/src/components/ProductBlock/ProductBlockContent.ts +11 -3
- package/src/components/ProductBlock/renderBenefit.tsx +3 -3
- package/src/components/ProductTile/ProductTile.tsx +1 -2
- package/src/components/ProductTile/ProductTileContent.ts +7 -1
- package/src/react/IntersectionObserverTag.tsx +3 -3
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
|
-
import { Heading } from '../../ui-kit/Heading/Heading.js';
|
|
4
3
|
import { LinkDocsHorizontalList } from './LinkDocsHorizontalList.js';
|
|
5
4
|
import { LinkDocsVerticalList } from './LinkDocsVerticalList.js';
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
import { Headline } from '../Headline/Headline.js';
|
|
6
|
+
export const LinkDocs = JSX(({ className = '', context, title, description, icon = { icon: 'DocIconMonoColor' }, documents, orientation = 'vertical', hasBorder = true, }) => {
|
|
7
|
+
return (_jsxs("section", { className: `font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`, children: [_jsx(Headline, { className: `!p-0 ${description ? 'gap-2' : 'gap-5'}`, title: title, description: description, context: context, align: "center", headingType: "h3" }), orientation === 'vertical' ? (_jsx(LinkDocsVerticalList, { hasBorder: hasBorder, documents: documents, icon: icon })) : (_jsx(LinkDocsHorizontalList, { context: context, hasBorder: hasBorder, documents: documents, icon: icon }))] }));
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=LinkDocs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"LinkDocs.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAIhD,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CACzB,CAAC,EACC,SAAS,GAAG,EAAE,EACd,OAAO,EACP,KAAK,EACL,WAAW,EACX,IAAI,GAAG,EAAE,IAAI,EAAE,kBAAkB,EAAE,EACnC,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,SAAS,GAAG,IAAI,GACjB,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,oEAAoE,SAAS,EAAE,aAE1F,KAAC,QAAQ,IACP,SAAS,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,EAAE,EACpD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,IAAI,GAChB,EACD,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,CAC5B,KAAC,oBAAoB,IAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,GAAI,CACjF,CAAC,CAAC,CAAC,CACF,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,GACV,CACH,IACO,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
3
3
|
import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl.js';
|
|
4
4
|
import { LinkDocsListItem } from './LinkDocsListItem.js';
|
|
5
5
|
export const LinkDocsHorizontalList = JSX(({ context, hasBorder = true, documents, icon }) => {
|
|
6
|
-
return (_jsx(SwipeListControl, { context: context, className: "text-m-sm text-primary-main", children: documents?.length
|
|
6
|
+
return (_jsx(SwipeListControl, { context: context, className: "text-m-sm text-primary-main mt-5", children: documents?.length
|
|
7
7
|
? documents.map((doc, i) => (_jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }, String(i))))
|
|
8
8
|
: null }));
|
|
9
9
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDocsHorizontalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsHorizontalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"LinkDocsHorizontalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsHorizontalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACjD,OAAO,CACL,KAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,kCAAkC,YAC7E,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,KAAC,gBAAgB,IAEf,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EACnF,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,IAHL,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;YACJ,CAAC,CAAC,IAAI,GACS,CACpB,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
|
|
|
2
2
|
import { JSX } from '@redneckz/uni-jsx';
|
|
3
3
|
import { LinkDocsListItem } from './LinkDocsListItem.js';
|
|
4
4
|
export const LinkDocsVerticalList = JSX(({ hasBorder = true, documents, icon }) => {
|
|
5
|
-
return (_jsx("div", { className: `text-m-sm text-primary-main flex flex-col ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
|
|
5
|
+
return (_jsx("div", { className: `text-m-sm text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`, role: "list", children: documents?.length
|
|
6
6
|
? documents.map((doc, i) => (_jsx("div", { role: "listitem", children: _jsx(LinkDocsListItem, { className: hasBorder ? 'rounded-md border-main-stroke border border-solid p-4' : '', doc: doc, icon: icon }) }, String(i))))
|
|
7
7
|
: null }));
|
|
8
8
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinkDocsVerticalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsVerticalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cACE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"LinkDocsVerticalList.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/LinkDocsVerticalList.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CACrC,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE,EAAE;IACxC,OAAO,CACL,cACE,SAAS,EAAE,kDACT,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAC1B,EAAE,EACF,IAAI,EAAC,MAAM,YAEV,SAAS,EAAE,MAAM;YAChB,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACxB,cAAqB,IAAI,EAAC,UAAU,YAClC,KAAC,gBAAgB,IACf,SAAS,EACP,SAAS,CAAC,CAAC,CAAC,uDAAuD,CAAC,CAAC,CAAC,EAAE,EAE1E,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,GACV,IAPM,MAAM,CAAC,CAAC,CAAC,CAQb,CACP,CAAC;YACJ,CAAC,CAAC,IAAI,GACJ,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export const linkDocsContentExample = {
|
|
2
2
|
title: 'Дополнительные документы',
|
|
3
|
-
|
|
3
|
+
description: 'Ответы на часто задаваемые вопросы',
|
|
4
4
|
documents: [
|
|
5
5
|
{ text: 'target self', href: '/abc1/cooldoc.doc', target: '_self' },
|
|
6
6
|
{ text: 'target blank', href: '/abc2/wtf.rtf', target: '_blank' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linkDocsContentExample.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/linkDocsContentExample.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,KAAK,EAAE,0BAA0B;IACjC,
|
|
1
|
+
{"version":3,"file":"linkDocsContentExample.js","sourceRoot":"","sources":["../../../src/components/LinkDocs/linkDocsContentExample.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAoB;IACrD,KAAK,EAAE,0BAA0B;IACjC,WAAW,EAAE,oCAAoC;IACjD,SAAS,EAAE;QACT,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE;QACnE,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAE;QACjE,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAC7C,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;QAClC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,OAAO,EAAE;QACrC,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,eAAe,EAAE;QAC7C,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EAAE;QAClD;YACE,IAAI,EAAE,kIAAkI;YACxI,IAAI,EAAE,mBAAmB;YACzB,QAAQ,EAAE,OAAO;SAClB;QACD,EAAE,IAAI,EAAE,sBAAsB,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAQ,EAAE,OAAO,EAAE;QAC7E;YACE,IAAI,EAAE,qDAAqD;YAC3D,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,MAAM;SACjB;KACF;CACF,CAAC"}
|
|
@@ -10,6 +10,6 @@ export const PictureText = JSX(({ className = '', title, image, benefits, versio
|
|
|
10
10
|
return (_jsxs("section", { className: `relative font-sans p-14 ${pictureTextStyleMap[version]} ${className}`, id: anchor, children: [_jsx(Heading, { headingType: "h2", className: "text-center", title: title }), _jsxs("div", { className: 'flex justify-center mt-9', children: [image?.src && _jsx(Img, { className: directionRight ? 'order-2 ml-6' : 'mr-6', image: image }), benefits?.length ? (_jsx("div", { className: "flex flex-col", children: benefits.map((_, i) => renderBenefit(_, i, version)) })) : null] })] }));
|
|
11
11
|
});
|
|
12
12
|
function renderBenefit(benefit, i, version) {
|
|
13
|
-
return (_jsxs("div", { className: "flex flex-row mb-8", children: [benefit.icon ? (_jsx(Img, { className: "w-[48px] h-[48px] bg-main rounded-full box-border p-[12px]", image: benefit.icon, width: "48", height: "48", asSVG: true })) : null, _jsxs("div", { className: "flex gap-1 flex-col h-full ml-5 max-w-[490px]", children: [benefit
|
|
13
|
+
return (_jsxs("div", { className: "flex flex-row mb-8", children: [benefit.icon ? (_jsx(Img, { className: "w-[48px] h-[48px] bg-main rounded-full box-border p-[12px]", image: benefit.icon, width: "48", height: "48", asSVG: true })) : null, _jsxs("div", { className: "flex gap-1 flex-col h-full ml-5 max-w-[490px]", children: [benefit?.label ? (_jsx("div", { className: `font-medium text-xl m-0 ${version === 'primary' ? 'text-primary-text' : ''}`, children: benefit.label })) : null, benefit?.description ? (_jsx("div", { className: `font-normal text-sm ${version === 'primary' ? 'text-secondary-text' : ''}`, children: benefit.description })) : null] })] }, String(i)));
|
|
14
14
|
}
|
|
15
15
|
//# sourceMappingURL=PictureText.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"PictureText.js","sourceRoot":"","sources":["../../../src/components/PictureText/PictureText.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAKxC,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAI3C,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,SAAS,GAAG,EAAE,EACd,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,cAAc,GAAG,KAAK,EACtB,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,mBACE,SAAS,EAAE,2BAA2B,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,EACjF,EAAE,EAAE,MAAM,aAEV,KAAC,OAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,EAClE,eAAK,SAAS,EAAE,0BAA0B,aACvC,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAAI,EACxF,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAClB,cAAK,SAAS,EAAC,eAAe,YAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GACjD,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,aAAa,CAAC,OAA2B,EAAE,CAAS,EAAE,OAAe;IAC5E,OAAO,CACL,eAAqB,SAAS,EAAC,oBAAoB,aAChD,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,KAAC,GAAG,IACF,SAAS,EAAC,4DAA4D,EACtE,KAAK,EAAE,OAAO,CAAC,IAAI,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,KAAK,SACL,CACH,CAAC,CAAC,CAAC,IAAI,EACR,eAAK,SAAS,EAAC,+CAA+C,aAC3D,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAChB,cACE,SAAS,EAAE,2BACT,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAChD,EAAE,YAED,OAAO,CAAC,KAAK,GACV,CACP,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CACtB,cACE,SAAS,EAAE,uBAAuB,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE,YAErF,OAAO,CAAC,WAAW,GAChB,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,KA3BE,MAAM,CAAC,CAAC,CAAC,CA4Bb,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,15 +1,22 @@
|
|
|
1
1
|
import { BlockVersion } from '../../model/BlockVersion';
|
|
2
2
|
import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
|
|
3
3
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
4
|
-
import type {
|
|
4
|
+
import type { Picture } from '../../model/Picture';
|
|
5
5
|
export declare type TitleWithImageContent = HeadingContent & ImageContent;
|
|
6
|
+
export interface PictureTextBenefit {
|
|
7
|
+
icon?: Picture;
|
|
8
|
+
/** @title Название */
|
|
9
|
+
label?: string;
|
|
10
|
+
/** @title Описание */
|
|
11
|
+
description?: string;
|
|
12
|
+
}
|
|
6
13
|
/**
|
|
7
14
|
* @title Картинка с текстом
|
|
8
15
|
*/
|
|
9
16
|
export interface PictureTextContent extends TitleWithImageContent {
|
|
10
17
|
version?: BlockVersion;
|
|
11
18
|
/** @title Список преимуществ */
|
|
12
|
-
benefits?:
|
|
19
|
+
benefits?: PictureTextBenefit[];
|
|
13
20
|
/**
|
|
14
21
|
* @title Картинка справа/текст слева
|
|
15
22
|
* @default false
|
|
@@ -6,9 +6,16 @@ import type { DescriptionContent } from '../../ui-kit/Description/DescriptionCon
|
|
|
6
6
|
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
7
7
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
8
8
|
import type { ListContent } from '../../ui-kit/List/ListContent';
|
|
9
|
-
import
|
|
9
|
+
import { Picture } from '../../model/Picture';
|
|
10
|
+
export interface ProductBlockBenefit {
|
|
11
|
+
icon?: Picture;
|
|
12
|
+
/** @title Название */
|
|
13
|
+
label?: string;
|
|
14
|
+
/** @title Описание */
|
|
15
|
+
description?: string;
|
|
16
|
+
}
|
|
10
17
|
export declare type BenefitItemProps = {
|
|
11
|
-
benefit:
|
|
18
|
+
benefit: ProductBlockBenefit;
|
|
12
19
|
version?: BlockVersion;
|
|
13
20
|
benefitsVersion?: IconVersion;
|
|
14
21
|
};
|
|
@@ -18,7 +25,7 @@ export declare type ProductBlockInnerContent = HeadingContent & HeadingTypeConte
|
|
|
18
25
|
* @minItems 2
|
|
19
26
|
* @maxItems 3
|
|
20
27
|
*/
|
|
21
|
-
benefits?:
|
|
28
|
+
benefits?: ProductBlockBenefit[];
|
|
22
29
|
benefitsVersion?: IconVersion;
|
|
23
30
|
version?: BlockVersion;
|
|
24
31
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"ProductTile.js","sourceRoot":"","sources":["../../../src/components/ProductTile/ProductTile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAGxC,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAKtE,MAAM,mBAAmB,GAAiC;IACxD,OAAO,EAAE,4BAA4B;IACrC,SAAS,EAAE,4BAA4B;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAC5B,CAAC,EACC,OAAO,EACP,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,IAAI,EAClB,WAAW,EACX,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,KAAK,EACL,OAAO,GAAG,SAAS,EACnB,MAAM,GAAG,IAAI,GACd,EAAE,EAAE;IACH,OAAO,CACL,kBACE,SAAS,EAAE,uEAAuE,SAAS,IACzF,mBAAmB,CAAC,OAAO,CAC7B,IAAI,mBAAmB,CAAC,SAAS,CAAC,IAAI,gBAAgB,CAAC,SAAS,CAAC,GAAG,EACpE,EAAE,EAAE,MAAM,YAEV,MAAC,QAAQ,IACP,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,KAAK,CAAC,CAAC,CAAC,CACN,KAAC,OAAO,IACN,WAAW,EAAE,WAAW,EACxB,EAAE,EAAC,IAAI,EACP,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,mCAAmC,GAC9C,CACH,CAAC,CAAC,CAAC,IAAI,EAEV,OAAO,EACL,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CAChB,KAAC,aAAa,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,GAAG,CAClF,CAAC,CAAC,CAAC,IAAI,EAEV,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,KAAC,GAAG,IAAC,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,KAAK,GAAI,aAElE,WAAW,CAAC,CAAC,CAAC,CACb,KAAC,WAAW,IAAC,SAAS,EAAC,oBAAoB,EAAC,WAAW,EAAE,WAAW,GAAI,CACzE,CAAC,CAAC,CAAC,IAAI,EACP,cAAc,CAAC,QAAQ,IAAI,EAAE,EAAE,OAAO,CAAC,EAEvC,qBAAqB;oBACpB,CAAC,CAAC,2BAA2B,CAAC,qBAAqB,EAAE,OAAO,CAAC;oBAC7D,CAAC,CAAC,IAAI,IACC,GACH,CACX,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,cAAc,CAAC,QAAuB,EAAE,OAAqB;IACpE,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,aAC5B,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,QAAQ,CAAC,GAAG,CAAC,kBAAkB,CAAC,GAAO,CAAC,CAAC,CAAC,IAAI,EACvF,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,MAAM,YAClB,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,wBAAwB,CAAC,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC,GAC5D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAoB,EAAE,CAAS;IACzD,OAAO,CACL,cAAqB,SAAS,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,YACvE,OAAO,CAAC,KAAK,IADN,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,wBAAwB,CAAC,OAAoB,EAAE,CAAS,EAAE,OAAO,GAAG,SAAS;IACpF,MAAM,aAAa,GAAiC;QAClD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IACF,OAAO,CACL,cAAqB,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE,YACnF,OAAO,CAAC,WAAW,IADZ,MAAM,CAAC,CAAC,CAAC,CAEb,CACP,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAAC,qBAA6B,EAAE,OAAO,GAAG,SAAS;IACrF,MAAM,YAAY,GAAiC;QACjD,OAAO,EAAE,qBAAqB;QAC9B,SAAS,EAAE,YAAY;KACxB,CAAC;IACF,OAAO,cAAK,SAAS,EAAE,kBAAkB,YAAY,CAAC,OAAO,CAAC,EAAE,YAAG,qBAAqB,GAAO,CAAC;AAClG,CAAC"}
|
|
@@ -3,7 +3,12 @@ import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
|
|
|
3
3
|
import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
|
|
4
4
|
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
5
5
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
6
|
-
|
|
6
|
+
export interface TextBenefit {
|
|
7
|
+
/** @title Название */
|
|
8
|
+
label?: string;
|
|
9
|
+
/** @title Описание */
|
|
10
|
+
description?: string;
|
|
11
|
+
}
|
|
7
12
|
/**
|
|
8
13
|
* @title Продуктовая плитка
|
|
9
14
|
*/
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
export declare const IntersectionObserverTag: FC<IntersectionObserverTagProps>;
|
|
1
|
+
import { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
|
|
2
|
+
export declare const IntersectionObserverTag: IntersectionObserverComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/react/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"IntersectionObserverTag.js","sourceRoot":"","sources":["../../src/react/IntersectionObserverTag.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,CAAC,MAAM,uBAAuB,GAAkC,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5E,MAAM,oBAAoB,GAAG,MAAM,EAAwB,CAAC;IAC5D,MAAM,GAAG,GAAG,WAAW,CACrB,CAAC,GAAmC,EAAE,EAAE;QACtC,IAAI,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;YACxC,oBAAoB,CAAC,OAAO,GAAG,IAAI,oBAAoB,CAAC,gBAAgB,EAAE,eAAe,CAAC,CAAC;YAC3F,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;SAC3C;IACH,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,CAAC,CACpC,CAAC;IAEF,OAAO,CACL,KAAC,GAAG,IAAC,GAAG,EAAE,GAAG,KAAM,IAAI,YACpB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"title": "Преимущества",
|
|
3
|
-
"
|
|
3
|
+
"benefitList": [
|
|
4
4
|
{
|
|
5
5
|
"label": "Преимущество №1",
|
|
6
|
+
"description": {
|
|
7
|
+
"name": "Описание 1",
|
|
8
|
+
"benefitType": "description"
|
|
9
|
+
},
|
|
6
10
|
"icon": {
|
|
7
11
|
"icon": "ClockIcon"
|
|
8
12
|
}
|
|
9
13
|
},
|
|
10
14
|
{
|
|
11
15
|
"label": "Преимущество №2",
|
|
16
|
+
"description": {
|
|
17
|
+
"name": "Описание 2",
|
|
18
|
+
"benefitType": "description"
|
|
19
|
+
},
|
|
12
20
|
"icon": {
|
|
13
21
|
"icon": "SignDocsIcon"
|
|
14
22
|
}
|
|
@@ -2,34 +2,45 @@ import { JSX } from '@redneckz/uni-jsx';
|
|
|
2
2
|
import type { UniBlockProps } from '../../types';
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img';
|
|
5
|
-
import type {
|
|
5
|
+
import type { BenefitItem, BenefitsBlockContent } from './BenefitsBlockContent';
|
|
6
|
+
import { DescriptionType, ListBenefitDef, TextBenefitDef } from './BenefitsBlockContent';
|
|
6
7
|
|
|
7
8
|
export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
|
|
8
9
|
|
|
9
10
|
export const BenefitsBlock = JSX<BenefitsBlockProps>(
|
|
10
|
-
({ className = '', title,
|
|
11
|
+
({ className = '', headingType = 'h2', title, benefitList, anchor = null }) => {
|
|
11
12
|
return (
|
|
12
13
|
<section
|
|
13
14
|
className={`font-sans text-primary-text bg-white p-12 flex flex-col items-center ${className}`}
|
|
14
15
|
id={anchor}
|
|
15
16
|
>
|
|
16
17
|
{title ? (
|
|
17
|
-
<Heading
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
<Heading
|
|
19
|
+
headingType={headingType}
|
|
20
|
+
as="h2"
|
|
21
|
+
className="max-w-[47rem] text-center"
|
|
22
|
+
title={title}
|
|
23
|
+
/>
|
|
21
24
|
) : null}
|
|
25
|
+
{benefitList?.length ? renderBenefits(benefitList) : null}
|
|
22
26
|
</section>
|
|
23
27
|
);
|
|
24
28
|
},
|
|
25
29
|
);
|
|
26
30
|
|
|
27
|
-
const
|
|
31
|
+
const renderBenefits = (benefits: BenefitItem[]) => {
|
|
32
|
+
return (
|
|
33
|
+
<div className="flex flex-wrap justify-center gap-x-20 mt-9">{benefits.map(renderStep)}</div>
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
const renderStep = (benefit: BenefitItem, i: number) => {
|
|
38
|
+
const description = benefit?.description || undefined;
|
|
28
39
|
return (
|
|
29
|
-
<div key={String(i)} className="flex items-center
|
|
40
|
+
<div key={String(i)} className="flex items-center basis-1/2 max-w-[500px] mb-[46px]">
|
|
30
41
|
{benefit?.icon ? (
|
|
31
42
|
<Img
|
|
32
|
-
className="h-[70px] w-[70px] min-w-[70px] min-h-[70px]"
|
|
43
|
+
className="h-[70px] w-[70px] min-w-[70px] min-h-[70px] mr-5"
|
|
33
44
|
image={benefit.icon}
|
|
34
45
|
width="70"
|
|
35
46
|
height="70"
|
|
@@ -37,10 +48,35 @@ const renderStep = (benefit: Benefit, i: number) => {
|
|
|
37
48
|
) : null}
|
|
38
49
|
<div>
|
|
39
50
|
{benefit?.label ? <h3 className="font-medium text-xl m-0">{benefit.label}</h3> : null}
|
|
40
|
-
{
|
|
41
|
-
<div className="font-normal text-sm mt-2">{benefit.description}</div>
|
|
42
|
-
) : null}
|
|
51
|
+
{renderDescription(description)}
|
|
43
52
|
</div>
|
|
44
53
|
</div>
|
|
45
54
|
);
|
|
46
55
|
};
|
|
56
|
+
|
|
57
|
+
const renderDescription = (description?: DescriptionType) => {
|
|
58
|
+
const benefitType = description ? description?.benefitType : null;
|
|
59
|
+
if (!benefitType) {
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
return description ? (
|
|
63
|
+
<div className="font-light text-base text-secondary-text mt-2">
|
|
64
|
+
{benefitType === 'list'
|
|
65
|
+
? renderListBenefit(description as ListBenefitDef)
|
|
66
|
+
: renderTextBenefit(description as TextBenefitDef)}
|
|
67
|
+
</div>
|
|
68
|
+
) : null;
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
const renderTextBenefit = (description?: TextBenefitDef) => (description ? description.name : null);
|
|
72
|
+
|
|
73
|
+
const renderListBenefit = (description?: ListBenefitDef) => {
|
|
74
|
+
const listStyleType = description?.bullets ? 'list-disc pl-6' : '';
|
|
75
|
+
return description?.items && description.items.length > 0 ? (
|
|
76
|
+
<ul className={listStyleType}>
|
|
77
|
+
{description.items.map((_, i) => (
|
|
78
|
+
<li key={`benefitListItem-${i}`}>{_}</li>
|
|
79
|
+
))}
|
|
80
|
+
</ul>
|
|
81
|
+
) : null;
|
|
82
|
+
};
|
|
@@ -1,28 +1,58 @@
|
|
|
1
1
|
import type { Picture } from '../../model/Picture';
|
|
2
|
+
import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
|
|
3
|
+
import type { EmptyOption } from '../../model/EmptyOptionType';
|
|
2
4
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
/**
|
|
6
|
+
* @title Пункты описания
|
|
7
|
+
* @default {"benefitType": "text"}
|
|
8
|
+
*/
|
|
9
|
+
export type TextBenefitDef = {
|
|
10
|
+
/**
|
|
11
|
+
* @title Описание
|
|
12
|
+
*/
|
|
13
|
+
name?: string;
|
|
14
|
+
benefitType?: 'text';
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @title Список
|
|
19
|
+
* @default {"benefitType": "list"}
|
|
20
|
+
*/
|
|
21
|
+
export type ListBenefitDef = {
|
|
22
|
+
/** @title Буллиты */
|
|
23
|
+
bullets?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* @title Пункты
|
|
26
|
+
* @example ["Пункт 1"]
|
|
27
|
+
*/
|
|
28
|
+
items?: string[];
|
|
29
|
+
benefitType?: 'list';
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* @title Вид контента
|
|
34
|
+
*/
|
|
35
|
+
export type DescriptionType = EmptyOption | TextBenefitDef | ListBenefitDef;
|
|
9
36
|
|
|
10
37
|
/**
|
|
11
38
|
* @title Преимущество
|
|
12
39
|
*/
|
|
13
|
-
export interface
|
|
40
|
+
export interface BenefitItem {
|
|
41
|
+
/** @title Название */
|
|
42
|
+
label?: string;
|
|
43
|
+
/** @title Описание */
|
|
44
|
+
description?: DescriptionType;
|
|
14
45
|
icon?: Picture;
|
|
15
46
|
}
|
|
16
47
|
|
|
17
48
|
/**
|
|
18
49
|
* @title Блок преимущества
|
|
19
50
|
*/
|
|
20
|
-
export
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
51
|
+
export type BenefitsBlockContent = HeadingContent &
|
|
52
|
+
HeadingTypeContent & {
|
|
53
|
+
/**
|
|
54
|
+
* @title Список преимуществ
|
|
55
|
+
* @maxItems 6
|
|
56
|
+
*/
|
|
57
|
+
benefitList?: BenefitItem[];
|
|
58
|
+
};
|
|
@@ -22,11 +22,6 @@ export const TableCell = JSX<TableCellProps>(({ cell, rowHeader, isFillGradient
|
|
|
22
22
|
);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
|
-
const labelStyle = (isFillGradient = false): string =>
|
|
26
|
-
`text-right ${isFillGradient ? 'text-white' : ''}`;
|
|
27
|
-
const descriptionStyle = (isFillGradient = false): string =>
|
|
28
|
-
`text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`;
|
|
29
|
-
|
|
30
25
|
const renderCellInner =
|
|
31
26
|
(isFillGradient: boolean, rowHeader?: string) =>
|
|
32
27
|
({ label, description }: CellData, i: number) =>
|
|
@@ -36,9 +31,15 @@ const renderCellInner =
|
|
|
36
31
|
{rowHeader}
|
|
37
32
|
</div>
|
|
38
33
|
<div className="basis-1/2">
|
|
39
|
-
{label ?
|
|
34
|
+
{label ? (
|
|
35
|
+
<div className={`text-right ${isFillGradient ? 'text-white' : ''}`}>{label}</div>
|
|
36
|
+
) : null}
|
|
40
37
|
{description ? (
|
|
41
|
-
<div
|
|
38
|
+
<div
|
|
39
|
+
className={`text-right ${isFillGradient ? 'text-white/80' : 'text-secondary-text'}`}
|
|
40
|
+
>
|
|
41
|
+
{description}
|
|
42
|
+
</div>
|
|
42
43
|
) : null}
|
|
43
44
|
</div>
|
|
44
45
|
</div>
|
|
@@ -1457,7 +1457,7 @@
|
|
|
1457
1457
|
"anchor": "documents",
|
|
1458
1458
|
"content": {
|
|
1459
1459
|
"title": "Дополнительные документы",
|
|
1460
|
-
"
|
|
1460
|
+
"description": "Ответы на часто задаваемые вопросы",
|
|
1461
1461
|
"icon": {
|
|
1462
1462
|
"icon": "DocIcon"
|
|
1463
1463
|
},
|
|
@@ -42,6 +42,10 @@ export interface IntersectionObserverTagProps {
|
|
|
42
42
|
observerOptions?: IntersectionObserverInit;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
+
export type IntersectionObserverComponent = (
|
|
46
|
+
props: IntersectionObserverTagProps & Record<string, any>,
|
|
47
|
+
) => VNode;
|
|
48
|
+
|
|
45
49
|
export interface ContentPageContext {
|
|
46
50
|
useRouter: () => Router;
|
|
47
51
|
useState: SetStateHook;
|
|
@@ -50,5 +54,5 @@ export interface ContentPageContext {
|
|
|
50
54
|
useLikeService: () => LikeService;
|
|
51
55
|
useSearch: () => Search;
|
|
52
56
|
handlerDecorator?: HandlerDecorator;
|
|
53
|
-
IntersectionObserverTag:
|
|
57
|
+
IntersectionObserverTag: IntersectionObserverComponent;
|
|
54
58
|
}
|
|
@@ -19,7 +19,7 @@ export const Headline = JSX<HeadlineProps>(
|
|
|
19
19
|
}) => {
|
|
20
20
|
const STYLE_MAPS = HEADLINE_BLOCK_STYLE_MAPS[bgColorHeadline];
|
|
21
21
|
return (
|
|
22
|
-
<section className={`px-4 py-6 ${STYLE_MAPS.background} ${className}`}>
|
|
22
|
+
<section className={`px-4 py-6 flex flex-col gap-2.5 ${STYLE_MAPS.background} ${className}`}>
|
|
23
23
|
{title ? (
|
|
24
24
|
<Heading
|
|
25
25
|
headingType="h2"
|
|
@@ -29,15 +29,13 @@ export const Headline = JSX<HeadlineProps>(
|
|
|
29
29
|
) : null}
|
|
30
30
|
{description ? (
|
|
31
31
|
<p
|
|
32
|
-
className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]}
|
|
33
|
-
title ? 'mt-2.5' : ''
|
|
34
|
-
}`}
|
|
32
|
+
className={`font-normal text-m-md ${STYLE_MAPS.description} ${ALIGN_TEXT[align]} `}
|
|
35
33
|
>
|
|
36
34
|
{description}
|
|
37
35
|
</p>
|
|
38
36
|
) : null}
|
|
39
37
|
{image?.src && (
|
|
40
|
-
<div className="mt-5 mx-auto flex justify-center">
|
|
38
|
+
<div className="mt-2.5 mx-auto flex justify-center">
|
|
41
39
|
<Img image={image} />
|
|
42
40
|
</div>
|
|
43
41
|
)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { BlockVersionWithTransparent } from '../../model/BlockVersion';
|
|
2
2
|
import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
|
|
3
|
-
import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
|
|
3
|
+
import type { HeadingContent, HeadingType } from '../../ui-kit/Heading/HeadingContent';
|
|
4
4
|
import type { ImageContent } from '../../ui-kit/Img/ImgProps';
|
|
5
5
|
import type { AlignType } from '../../model/AlignType';
|
|
6
6
|
|
|
@@ -12,4 +12,5 @@ export type HeadlineContent = HeadingContent &
|
|
|
12
12
|
ImageContent & {
|
|
13
13
|
align?: AlignType;
|
|
14
14
|
bgColorHeadline?: BlockVersionWithTransparent;
|
|
15
|
+
headingType?: HeadingType;
|
|
15
16
|
};
|
|
@@ -3,8 +3,7 @@ import type { UniBlockProps } from '../../types';
|
|
|
3
3
|
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
4
4
|
import { Img } from '../../ui-kit/Img/Img';
|
|
5
5
|
import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
|
|
6
|
-
import type {
|
|
7
|
-
import type { InsuranceContent } from './InsuranceContent';
|
|
6
|
+
import type { InsuranceBenefit, InsuranceContent } from './InsuranceContent';
|
|
8
7
|
|
|
9
8
|
export interface InsuranceProps extends InsuranceContent, UniBlockProps {}
|
|
10
9
|
|
|
@@ -36,7 +35,7 @@ export const Insurance = JSX<InsuranceProps>(
|
|
|
36
35
|
},
|
|
37
36
|
);
|
|
38
37
|
|
|
39
|
-
function renderBenefit(benefit:
|
|
38
|
+
function renderBenefit(benefit: InsuranceBenefit, i: number) {
|
|
40
39
|
return (
|
|
41
40
|
<div key={String(i)} className="flex items-center gap-5">
|
|
42
41
|
{benefit?.icon ? (
|
|
@@ -1,12 +1,26 @@
|
|
|
1
1
|
import type { Picture } from '../../model/Picture';
|
|
2
|
-
import type { BenefitsBlockContent } from '../BenefitsBlock/BenefitsBlockContent';
|
|
3
2
|
import type { InsuranceProps } from '../../model/Insurance';
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
4
|
+
/**
|
|
5
|
+
* @title Преимущество
|
|
6
|
+
*/
|
|
7
|
+
export interface InsuranceBenefit {
|
|
8
|
+
/** @title Название */
|
|
9
|
+
label?: string;
|
|
10
|
+
/** @title Описание */
|
|
11
|
+
description?: string;
|
|
12
|
+
icon?: Picture;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
export type InsuranceContent = InsuranceProps & {
|
|
16
|
+
/** @title Заголовок */
|
|
17
|
+
title?: string;
|
|
18
|
+
/** @title Описание */
|
|
19
|
+
description?: string;
|
|
20
|
+
image?: Picture;
|
|
21
|
+
/**
|
|
22
|
+
* @title Список преимуществ
|
|
23
|
+
* @maxItems 6
|
|
24
|
+
*/
|
|
25
|
+
benefits?: InsuranceBenefit[];
|
|
26
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { JSX } from '@redneckz/uni-jsx';
|
|
2
2
|
import type { UniBlockProps } from '../../types';
|
|
3
|
-
import { Heading } from '../../ui-kit/Heading/Heading';
|
|
4
3
|
import type { LinkDocsContent } from './LinkDocsContent';
|
|
5
4
|
import { LinkDocsHorizontalList } from './LinkDocsHorizontalList';
|
|
6
5
|
import { LinkDocsVerticalList } from './LinkDocsVerticalList';
|
|
6
|
+
import { Headline } from '../Headline/Headline';
|
|
7
7
|
|
|
8
8
|
export interface LinkDocsProps extends LinkDocsContent, UniBlockProps {}
|
|
9
9
|
|
|
@@ -12,7 +12,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
|
|
|
12
12
|
className = '',
|
|
13
13
|
context,
|
|
14
14
|
title,
|
|
15
|
-
|
|
15
|
+
description,
|
|
16
16
|
icon = { icon: 'DocIconMonoColor' },
|
|
17
17
|
documents,
|
|
18
18
|
orientation = 'vertical',
|
|
@@ -22,16 +22,14 @@ export const LinkDocs = JSX<LinkDocsProps>(
|
|
|
22
22
|
<section
|
|
23
23
|
className={`font-sans text-primary-text py-6 px-4 bg-white overflow-x-hidden ${className}`}
|
|
24
24
|
>
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
<h3 className="mt-0 font-normal mb-5 text-center text-m-md">{subtitle}</h3>
|
|
34
|
-
) : null}
|
|
25
|
+
<Headline
|
|
26
|
+
className={`!p-0 ${description ? 'gap-2' : 'gap-5'}`}
|
|
27
|
+
title={title}
|
|
28
|
+
description={description}
|
|
29
|
+
context={context}
|
|
30
|
+
align="center"
|
|
31
|
+
headingType="h3"
|
|
32
|
+
/>
|
|
35
33
|
{orientation === 'vertical' ? (
|
|
36
34
|
<LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
|
|
37
35
|
) : (
|